:root{--ink:#222426;--muted:#6f726f;--line:#deded9;--stone:#f6f4f1;--warm:#ede8e1;--paper:#fff;--accent:#94a4b2;--max:1360px;--header-h:88px;--ease:cubic-bezier(.2,.7,.25,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;width:100%;max-width:100%}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #647789;outline-offset:5px}
.container{width:min(var(--max),calc(100% - 112px));margin:0 auto}
.label{font-family:'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.32em;font-size:10px;font-weight:600;line-height:1.5}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:400}
.display,.section-title,.serif{font-family:'Playfair Display',Georgia,serif}
.section-title{font-size:clamp(31px,3.15vw,49px);letter-spacing:-.045em;line-height:1.23;margin:10px 0 0}
.muted{color:var(--muted)}
.arrow{font-size:19px;line-height:1;transition:transform .3s var(--ease)}
a:hover .arrow,button:hover .arrow{transform:translateX(5px)}
.btn{display:inline-flex;gap:19px;align-items:center;justify-content:center;min-height:50px;padding:15px 22px;border:1px solid var(--ink);font-size:12px;font-weight:600;letter-spacing:.01em;transition:background .25s,color .25s,transform .25s}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:#22282e;color:#fff;border-color:#22282e}
.btn-dark:hover{background:#414c55}
.btn-outline{background:rgba(255,255,255,.65);color:#1b1d1f;border-color:#777a79}
.btn-outline:hover{background:#fff}
.text-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #555;padding-bottom:7px;font-size:12px;font-weight:600}
.text-link .arrow{font-size:19px}
.reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}

/* Navigacija */
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:40;height:var(--header-h);background:rgba(255,255,255,.18);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.26);box-shadow:0 10px 30px rgba(25,29,31,.05);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.header-inner{height:100%;display:flex;align-items:center;gap:28px;justify-content:space-between;position:relative}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:block;width:220px;height:auto;max-height:74px;object-fit:contain}
.brand-type{display:flex;flex-direction:column;gap:2px}
.brand-word{font-family:'Manrope',sans-serif;font-size:21px;letter-spacing:.2em;font-weight:500;line-height:1.1;white-space:nowrap}
.brand-line{font-size:8px;letter-spacing:.28em;color:#81909c;white-space:nowrap}.site-header.scrolled{background:rgba(255,255,255,.72);border-bottom:1px solid rgba(210,214,217,.85);box-shadow:0 12px 36px rgba(20,23,27,.1)}
.desktop-nav{display:flex;align-items:center;gap:clamp(13px,1.65vw,29px);margin-left:auto}
.nav-link{font-size:11.5px;white-space:nowrap;padding:15px 0;position:relative;color:#292c2c;transition:color .2s}
.nav-link::after{content:"";position:absolute;bottom:8px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}
.nav-link:hover::after,.nav-link.current::after{width:100%}
.header-cta{min-height:43px;font-size:11px;white-space:nowrap;margin-left:12px;padding:10px 18px;background:rgba(27,31,35,.84);border-color:rgba(27,31,35,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-toggle span{display:block;width:19px;height:1.5px;background:var(--ink);transition:transform .2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-nav{display:none;background:rgba(255,255,255,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(218,218,214,.9);padding:18px 28px 26px}
.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #eee;font-size:14px}
.mobile-nav a:last-child{border:0}

/* Slider */
.hero{position:relative;height:min(860px,100svh);min-height:690px;background:var(--stone);overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;isolation:isolate}
.hero-slide.active{opacity:1;visibility:visible;z-index:1}
.hero-media{position:absolute;inset:0 0 0 36%;overflow:hidden;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 53%;transform:scale(1.055);transition:transform 8s ease}
.hero-slide.active .hero-media img{transform:scale(1)}
.hero-slide--two .hero-media img{object-position:51% center}
.hero-slide--three .hero-media img{object-position:center 53%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f7f5f2 0%,#f7f5f2 19%,rgba(247,245,242,.97) 30%,rgba(247,245,242,.84) 41%,rgba(247,245,242,.25) 58%,rgba(247,245,242,0) 74%);z-index:-1}
.hero-shade::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,28,23,.09) 0%,transparent 25%);pointer-events:none}
.hero-content{height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;z-index:1;padding-top:calc(var(--header-h) + 28px);padding-bottom:40px}
.hero-content>*{max-width:625px}
.hero .label{color:#69727a;margin-bottom:18px}
.hero h1{font-size:clamp(47px,5vw,77px);line-height:1.105;letter-spacing:-.055em;max-width:660px;margin-bottom:20px;text-wrap:balance}
.hero-rule{width:39px;height:1px;background:#808887;margin-bottom:19px}
.hero-desc{max-width:470px;line-height:1.85;font-size:14px;color:#444b4c;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.hero-controls{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-count,.hero-arrows{pointer-events:auto;display:flex;align-items:center;gap:20px}
.slide-number{border:0;background:transparent;color:#9da09c;font-size:12px;padding:8px 3px;position:relative;letter-spacing:.04em}
.slide-number[aria-current="true"]{color:var(--ink);font-weight:700}
.slide-number[aria-current="true"]::before{position:absolute;content:"";left:0;right:0;bottom:1px;height:1px;background:var(--ink)}
.hero-arrow{width:48px;height:42px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.04);font-size:21px;transition:background .2s}
.hero-arrow:hover{background:#e9e8e5}

/* Kategorije */
.section{padding:100px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.section-head .label{color:#838687}
.categories-section{padding-top:92px;padding-bottom:96px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.category-card{background:#f5f3f0;position:relative;transition:transform .35s var(--ease),box-shadow .35s}
.category-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px rgba(22,24,25,.07)}
.category-image{overflow:hidden;aspect-ratio:1.26}
.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.category-card:hover img{transform:scale(1.045)}
.category-content{padding:25px 24px 26px;min-height:159px}
.category-top{display:flex;align-items:start;justify-content:space-between;gap:10px}
.category-top h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.25;letter-spacing:-.035em;margin:0 0 13px}
.category-top .arrow{margin-top:3px}
.category-content p{font-size:12px;line-height:1.7;color:#787b7a;margin:0;max-width:235px}

/* studio */
.studio{background:#f6f3ef;padding:0;overflow:hidden}
.studio-grid{display:grid;grid-template-columns:1fr 1fr;min-height:530px}
.studio-image{position:relative;min-height:500px;overflow:hidden}
.studio-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-copy{padding:85px clamp(45px,7.5vw,120px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.studio-copy .label{color:#8b8b89}
.studio-copy h2{font-size:clamp(36px,3.8vw,57px);line-height:1.22;max-width:560px;margin:16px 0 25px}
.studio-copy p{font-size:14px;line-height:1.9;color:#6e716e;max-width:480px;margin-bottom:28px}

/* vrijednosti */
.values-section{background:#f1eeea;padding:45px 0}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.value{display:flex;align-items:flex-start;gap:17px;padding:10px 26px 10px 0}
.value+.value{border-left:1px solid #d5d2cd;padding-left:26px}
.value svg{flex-shrink:0;width:44px;height:44px;color:#52585c;stroke-width:1.2}
.value h3{font-family:'Playfair Display',Georgia,serif;font-size:17px;margin:0 0 7px}
.value p{margin:0;max-width:210px;font-size:11.5px;line-height:1.65;color:#777b79}

/* projekti */
.projects-section{padding-top:102px;padding-bottom:95px}
.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.project-card{display:block}
.project-image{aspect-ratio:1.22;overflow:hidden;background:var(--stone)}
.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.project-card:hover img{transform:scale(1.05)}
.project-info{padding:17px 2px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.project-info h3{font-family:'Playfair Display',Georgia,serif;font-size:19px;letter-spacing:-.02em;margin:0 0 6px}
.project-info p{font-size:11px;color:var(--muted);margin:0}

/* proces */
.approach{background:#fbfaf8;border-top:1px solid #eeece8;padding:75px 0 90px}
.approach-head{max-width:650px;margin-bottom:45px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.step{border-top:1px solid #c7c7c2;padding-top:20px}
.step-no{font-size:12px;letter-spacing:.2em;color:#879199}
.step h3{font-family:'Playfair Display',Georgia,serif;font-size:25px;margin:20px 0 13px}
.step p{font-size:13px;color:var(--muted);line-height:1.8;max-width:350px;margin:0}

/* Kontakt */
.contact-banner{position:relative;overflow:hidden;background:#ebe5dd}
.contact-photo{position:absolute;inset:0 0 0 66%;background:url('assets/studio.jpg') center/cover no-repeat;opacity:.35}
.contact-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eee8e0 0%,#eee8e0 51%,rgba(238,232,224,.65) 80%,rgba(238,232,224,.3))}
.contact-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:62px 0}
.contact-inner h2{font-size:clamp(30px,3vw,47px);letter-spacing:-.04em;margin:8px 0 12px}
.contact-inner p{font-size:13px;line-height:1.8;color:#666a69;margin:0}
.contact-footnote{font-size:11px;text-align:center;color:#777;margin:9px 0 0}
.contact-action{flex-shrink:0;text-align:center}
.footer{background:#222629;color:#e5e6e3;padding:45px 0 23px}
.footer-top{display:grid;grid-template-columns:1.13fr 1.37fr 1.2fr;align-items:start;gap:clamp(25px,4vw,62px);padding-bottom:42px;border-bottom:1px solid #464b4d}
.footer .brand-word{font-size:22px}
.footer .brand-line{color:#a0b0bb}
.footer .brand{display:inline-flex;background:#f7f6f3;padding:10px 14px;border-radius:2px}
.footer .brand-mark{width:220px;max-height:none;filter:none;opacity:1}
.footer-nav{display:flex;flex-wrap:wrap;gap:16px 23px;padding-top:10px}
.footer-nav a{font-size:11px;color:#c8caca;transition:color .2s}
.footer-nav a:hover{color:#fff}
.footer-contact{border-left:1px solid #464b4d;padding-left:35px;min-width:0}
.footer-contact h3{font-size:12px;margin-bottom:19px;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
.footer-contact p{font-size:11px;line-height:1.9;color:#aeb7b9;margin:0}
/* Informacije o firmi i kontakt u podnožju */
.footer-tagline{margin:22px 0 0;font-size:12px;line-height:1.9;color:#aeb7b9}
.footer-contact-list{display:flex;flex-direction:column;gap:16px;font-style:normal}
.footer-contact-item{display:flex;align-items:flex-start;gap:13px;color:#bfc8c9;font-size:12px;line-height:1.7;transition:color .2s ease}
.footer-contact-item:hover{color:#fff}
.footer-contact-item svg{width:17px;height:17px;flex:0 0 17px;margin-top:2px;color:#c5b5a2}
.footer-contact-item span{overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:22px;font-size:10px;color:#8c9698}

/* dialog kontakt */
dialog{border:0;padding:0;width:min(520px,calc(100vw - 34px));box-shadow:0 25px 90px rgba(0,0,0,.23);max-height:90vh;overflow:auto}
dialog::backdrop{background:rgba(10,16,18,.62);backdrop-filter:blur(4px)}
.dialog-content{padding:35px}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.dialog-top h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;margin:0}
.dialog-close{border:0;background:transparent;font-size:28px;width:36px;height:36px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field label{font-size:11px;color:#565b59}
.field input,.field textarea{border:1px solid #d5d7d5;background:#fdfdfc;min-height:44px;width:100%;padding:12px;outline-color:#8896a3;font-size:13px;border-radius:0}
.field textarea{min-height:110px;resize:vertical}
.form-notice{font-size:12px;line-height:1.6;color:#626768;margin-top:14px}
.form-notice[hidden]{display:none}

@media(max-width:1250px){.container{width:calc(100% - 70px)}.desktop-nav{gap:12px}.nav-link{font-size:10.5px}.header-cta{padding-inline:12px}.brand-word{font-size:18px}.site-header .brand-mark{width:190px;max-height:64px}.category-content{padding:20px 18px}.category-top h3{font-size:19px}}
@media(max-width:1040px){:root{--header-h:74px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.mobile-nav.open{display:block;position:absolute;width:100%;top:var(--header-h);left:0;box-shadow:0 15px 25px rgba(0,0,0,.08)}.hero h1{font-size:clamp(46px,6.2vw,65px)}.hero-media{left:24%}.hero-shade{background:linear-gradient(90deg,#f7f5f2 0%,rgba(247,245,242,.95) 30%,rgba(247,245,242,.62) 55%,transparent 100%)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(2,1fr);gap:25px}.value:nth-child(3){border-left:0;padding-left:0}.studio-copy{padding:55px 45px}}
@media(max-width:690px){:root{--header-h:70px}.container{width:calc(100% - 36px)}.brand-word{font-size:18px;letter-spacing:.15em}.brand-line{font-size:7px;letter-spacing:.19em}.site-header .brand-mark{width:190px;max-height:64px}.hero{height:100svh;min-height:690px;max-height:860px}.hero-media{inset:0 0 35% 0}.hero-media img{object-position:50% 40%}.hero-slide--three .hero-media img{object-position:center 28%}.hero-shade{background:linear-gradient(0deg,#f7f5f2 0%,#f7f5f2 35%,rgba(247,245,242,.94) 48%,rgba(247,245,242,.08) 84%,transparent 100%)}.hero-content{justify-content:flex-end;padding-top:calc(var(--header-h) + 18px);padding-bottom:102px}.hero .label{margin-bottom:10px;font-size:9px}.hero h1{font-size:clamp(39px,9.2vw,56px);line-height:1.12;max-width:540px;margin-bottom:13px}.hero-rule{margin-bottom:10px}.hero-desc{font-size:12px;line-height:1.62;margin-bottom:18px;max-width:520px}.hero-actions{gap:10px}.btn{min-height:44px;font-size:11px;padding:12px 14px;gap:12px}.hero-controls{bottom:22px}.hero-arrow{width:40px;height:38px}.section{padding:70px 0}.section-head{align-items:start}.section-title{font-size:33px}.section-head>.text-link{display:none}.category-grid,.projects-grid{gap:12px}.category-grid{grid-template-columns:1fr}.category-image{aspect-ratio:1.05}.category-content{padding:19px 17px;min-height:unset}.category-top h3{font-size:17px;line-height:1.25}.category-content p{font-size:11px}.category-top .arrow{font-size:15px}.studio-grid{grid-template-columns:1fr}.studio-image{min-height:300px}.studio-copy{padding:49px 21px 60px}.studio-copy h2{font-size:39px}.values-section{padding:35px 0}.values-grid{grid-template-columns:1fr;gap:14px}.value,.value+.value,.value:nth-child(3){border-left:0;border-bottom:1px solid #d6d3cf;padding:10px 0 18px}.value:last-child{border-bottom:0}.projects-section{padding-top:72px}.project-image{aspect-ratio:1.12}.project-info h3{font-size:17px}.approach{padding:60px 0}.steps{grid-template-columns:1fr;gap:22px}.step h3{margin:12px 0}.contact-inner{flex-direction:column;align-items:flex-start;padding:57px 0}.contact-action{text-align:left}.footer-top{grid-template-columns:1fr;gap:22px}.footer-contact{border-left:0;padding-left:0}.footer-bottom{flex-direction:column;gap:8px}.form-row{grid-template-columns:1fr}.dialog-content{padding:25px}}
@media(max-width:395px){.site-header .brand-mark{width:164px;max-height:55px}.brand{gap:8px}.brand-word{font-size:16px}.brand-line{font-size:6.5px}.hero{min-height:650px}.hero h1{font-size:37px}.category-content p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Uvodni tekst kontaktne forme */
.inquiry-intro{font-size:13px;line-height:1.7;margin-bottom:23px}


/* ===== KONTAKT PAGE / METAL ARCH ===== */
.contact-page .desktop-nav .nav-link.current:not([href="kontakt.php"])::after{width:0}
.contact-page .desktop-nav .nav-link[href="kontakt.php"]::after{width:100%}
.contact-page .site-header{background:rgba(255,255,255,.27)}
.contact-page .site-header.scrolled{background:rgba(255,255,255,.83)}
.contact-page .contact-hero{position:relative;min-height:650px;height:min(750px,82svh);display:flex;align-items:center;overflow:hidden;background:#eeeae4}
.contact-page .contact-hero-image{position:absolute;inset:0 0 0 32%;width:68%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.82)}
.contact-page .contact-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3f0ec 0%,rgba(243,240,236,.99) 18%,rgba(243,240,236,.95) 34%,rgba(243,240,236,.69) 48%,rgba(243,240,236,.07) 76%),linear-gradient(0deg,rgba(21,26,25,.12),transparent 26%);pointer-events:none}
.contact-page .contact-hero-inner{position:relative;z-index:1;padding:var(--header-h) 0 10px}
.contact-page .contact-crumb{font-size:10px;color:#80827f;letter-spacing:.16em;text-transform:uppercase;margin-bottom:36px}
.contact-page .contact-crumb a:hover{color:var(--ink)}
.contact-page .contact-hero-label{color:#78848a;margin-bottom:20px;display:block}
.contact-page .contact-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(57px,5.9vw,90px);font-weight:400;line-height:1.09;letter-spacing:-.055em;max-width:710px;margin:0 0 28px;text-wrap:balance}
.contact-page .contact-hero h1 em{font-weight:400;font-style:italic;color:#8b969a}
.contact-page .contact-hero-desc{max-width:450px;color:#535b5b;font-size:14px;line-height:1.9;margin:0 0 30px}
.contact-page .contact-arrow-link{display:inline-flex;align-items:center;gap:17px;padding-bottom:8px;border-bottom:1px solid #6b7173;font-size:12px;font-weight:600;transition:gap .25s}
.contact-page .contact-arrow-link:hover{gap:25px}
.contact-page .contact-section{padding:125px 0 120px;background:#fff}
.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(75px,9.3vw,155px);align-items:start}
.contact-page .contact-eyebrow{display:block;color:#8e9696;margin-bottom:18px}
.contact-page .contact-heading{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(37px,3.5vw,53px);line-height:1.19;letter-spacing:-.048em;margin:0 0 24px;max-width:580px}
.contact-page .contact-lead{max-width:505px;color:#707673;font-size:14px;line-height:1.95;margin-bottom:49px}
.contact-page .contact-detail{display:flex;gap:20px;align-items:flex-start;border-top:1px solid #e4e3df;padding:25px 0}
.contact-page .contact-detail:last-of-type{border-bottom:1px solid #e4e3df}
.contact-page .contact-detail-icon{width:47px;height:47px;flex:0 0 47px;border:1px solid #d6d6d1;display:grid;place-items:center;border-radius:50%;color:#414a4e}
.contact-page .contact-detail-icon svg{width:20px;height:20px;stroke-width:1.4}
.contact-page .contact-detail-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#89908f;margin:4px 0 8px}
.contact-page .contact-detail-value{font-size:16px;line-height:1.8;color:#2f3334;margin:0}
.contact-page .contact-detail-value a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-page .contact-extras{padding:30px 0 0;font-size:12px;color:#797f7e;line-height:1.8}
.contact-page .contact-form-panel{background:#f7f5f2;padding:clamp(28px,3.7vw,58px);border:1px solid #efebe5;box-shadow:0 25px 60px rgba(25,25,22,.035)}
.contact-page .form-kicker{color:#8e9594;margin-bottom:15px}
.contact-page .contact-form-title{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.045em;font-size:clamp(31px,2.75vw,42px);line-height:1.2;margin-bottom:15px}
.contact-page .contact-form-intro{font-size:13px;line-height:1.8;color:#78807d;margin-bottom:31px}
.contact-page .contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}
.contact-page .contact-field{display:flex;flex-direction:column;gap:9px}
.contact-page .contact-field--full{grid-column:1/-1}
.contact-page .contact-field label{font-size:11px;color:#5f6563;font-weight:600}
.contact-page .contact-field label .optional{font-weight:400;color:#999e9c}
.contact-page .contact-field input,.contact-page .contact-field select,.contact-page .contact-field textarea{width:100%;border:1px solid #deddd8;background:rgba(255,255,255,.84);border-radius:0;padding:15px 16px;min-height:53px;color:#333638;font-size:13px;transition:border-color .2s,background .2s;outline-offset:0}
.contact-page .contact-field input:focus,.contact-page .contact-field select:focus,.contact-page .contact-field textarea:focus{border-color:#8c9ca5;background:#fff;outline:1px solid #8c9ca5}
.contact-page .contact-field input::placeholder,.contact-page .contact-field textarea::placeholder{color:#a0a5a3}
.contact-page .contact-field textarea{height:152px;resize:vertical}
.contact-page .contact-form-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:26px;flex-wrap:wrap}
.contact-page .contact-submit{min-width:200px;border:0;justify-content:space-between}
.contact-page .contact-privacy{color:#969d9b;font-size:10.5px;max-width:220px;line-height:1.65;margin:0}
.contact-page .contact-response{border-left:2px solid #7b8f7d;padding:15px 18px;margin:0 0 22px;background:#f2f5ef;color:#485c4b;font-size:13px;line-height:1.65}
.contact-page .contact-response--error{border-color:#ad7772;background:#fbf3f1;color:#7c4642}
.contact-page .contact-response a{text-decoration:underline}
.contact-page .contact-location{background:#f1efeb;padding:90px 0 105px}
.contact-page .location-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.contact-page .location-title-row h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.045em;font-weight:400;font-size:clamp(35px,3.5vw,52px);margin:10px 0 0}
.contact-page .contact-map-wrap{position:relative;background:#dfd9d1;min-height:440px;overflow:hidden;border:1px solid #ded9d1}
.contact-page .contact-map-wrap iframe{display:block;width:100%;height:440px;border:0;filter:grayscale(.85) contrast(.95)}
.contact-page .contact-map-card{position:absolute;bottom:25px;left:25px;background:rgba(255,255,255,.97);padding:25px 30px;box-shadow:0 10px 35px rgba(30,33,33,.1);max-width:320px}
.contact-page .contact-map-card h3{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:400;margin:0 0 9px}
.contact-page .contact-map-card p{font-size:12px;line-height:1.7;color:#777b7a;margin:0 0 17px}
.contact-page .contact-map-card a{font-size:11px;font-weight:600;border-bottom:1px solid #777;padding-bottom:5px}
.contact-page .contact-bottom{padding:76px 0;background:#252b2e;color:#f3f1ed}
.contact-page .contact-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.contact-page .contact-bottom h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3vw,44px);line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:0}
.contact-page .contact-bottom .btn{background:#f5f1e9;color:#21272a;border-color:#f5f1e9;white-space:nowrap}
.contact-page .contact-bottom .btn:hover{background:#fff}
.contact-page .form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
@media(max-width:1040px){.contact-page .contact-hero{min-height:600px}.contact-page .contact-layout{gap:50px;grid-template-columns:minmax(0,.83fr) minmax(0,1fr)}.contact-page .contact-form-panel{padding:35px}.contact-page .contact-fields{grid-template-columns:1fr}.contact-page .contact-field--full{grid-column:auto}}
@media(max-width:760px){.contact-page .contact-hero{min-height:610px;height:80svh;max-height:760px}.contact-page .contact-hero-image{inset:0 0 0 15%;width:85%;object-position:52% center}.contact-page .contact-hero::after{background:linear-gradient(90deg,rgba(243,240,236,.99),rgba(243,240,236,.91) 48%,rgba(243,240,236,.54) 78%,rgba(243,240,236,.3))}.contact-page .contact-hero-inner{padding-top:calc(var(--header-h) + 35px)}.contact-page .contact-hero h1{font-size:clamp(43px,8.5vw,67px)}.contact-page .contact-crumb{margin-bottom:25px}.contact-page .contact-section{padding:70px 0 80px}.contact-page .contact-layout{grid-template-columns:1fr;gap:47px}.contact-page .contact-lead{margin-bottom:32px}.contact-page .contact-form-panel{padding:31px}.contact-page .contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page .contact-field--full{grid-column:1/-1}.contact-page .contact-location{padding:70px 0}.contact-page .contact-map-wrap,.contact-page .contact-map-wrap iframe{height:380px;min-height:380px}.contact-page .contact-bottom-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:500px){.contact-page .contact-hero{min-height:620px;height:90svh;max-height:760px}.contact-page .contact-hero-image{inset:0;width:100%;object-position:55% center}.contact-page .contact-hero::after{background:linear-gradient(0deg,rgba(243,240,236,.99) 0%,rgba(243,240,236,.95) 37%,rgba(243,240,236,.68) 73%,rgba(243,240,236,.5) 100%)}.contact-page .contact-hero-inner{align-self:end;padding:120px 0 62px}.contact-page .contact-hero h1{font-size:clamp(43px,11.5vw,56px);margin-bottom:18px}.contact-page .contact-hero-desc{font-size:12.5px;line-height:1.7}.contact-page .contact-fields{grid-template-columns:1fr}.contact-page .contact-field--full{grid-column:auto}.contact-page .contact-form-panel{padding:26px 20px}.contact-page .contact-detail-value{font-size:14px}.contact-page .location-title-row{align-items:flex-start;flex-direction:column}.contact-page .contact-map-wrap,.contact-page .contact-map-wrap iframe{height:430px;min-height:430px}.contact-page .contact-map-card{left:12px;right:12px;bottom:12px;max-width:none;padding:16px 18px}.contact-page .contact-bottom{padding:60px 0}.contact-page .contact-bottom .btn{width:100%}}

@media(max-width:1040px) and (min-width:691px){.footer-top{grid-template-columns:1fr 1.1fr;row-gap:36px}.footer-contact{grid-column:1/-1;border-left:0;border-top:1px solid #464b4d;padding:26px 0 0}.footer-contact-list{flex-direction:row;gap:35px;flex-wrap:wrap}}


/* ===== METAL ARCH / O NAMA PAGE ===== */
.about-page{overflow-x:hidden}
.about-page .site-header{background:rgba(250,248,244,.22)}
.about-page .site-header.scrolled{background:rgba(255,255,255,.86)}
.about-page .desktop-nav .nav-link[href="onama.php"]::after{width:100%}
.about-page .about-hero{position:relative;min-height:690px;height:min(850px,95svh);background:#eae5dd;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.about-page .about-hero-image{position:absolute;inset:0 0 0 26%;width:74%;height:100%;object-fit:cover;object-position:55% 52%;z-index:-2}
.about-page .about-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f2efeb 0%,rgba(242,239,235,.99) 16%,rgba(242,239,235,.92) 31%,rgba(242,239,235,.65) 45%,rgba(242,239,235,.06) 76%,transparent 100%)}
.about-page .about-hero-content{position:relative;padding-top:calc(var(--header-h) + 70px);padding-bottom:50px}
.about-page .about-breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.04em;color:#7c8281;margin-bottom:55px}
.about-page .about-breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px}
.about-page .about-eyebrow{color:#737e83;margin:0 0 20px}
.about-page .about-hero h1{font:400 clamp(54px,6.4vw,98px)/1.09 'Playfair Display',Georgia,serif;letter-spacing:-.058em;max-width:780px;margin:0 0 24px;text-wrap:balance}
.about-page .about-hero h1 em,.about-page .about-intro h2 em,.about-page .about-section-head h2 em,.about-page .about-manifesto h2 em,.about-page .about-process h2 em,.about-page .about-cta h2 em{font-weight:400;color:#879298}
.about-page .about-rule{display:block;width:50px;height:1px;background:#626e73;margin:0 0 25px}
.about-page .about-hero-lead{font-size:14px;line-height:1.9;max-width:490px;color:#4e5758;margin:0 0 29px}
.about-page .about-text-link{display:inline-flex;align-items:center;gap:17px;padding:0 0 9px;border-bottom:1px solid #636e72;font-size:12px;font-weight:600;transition:gap .2s}
.about-page .about-text-link:hover{gap:24px}
.about-page .about-hero-caption{position:absolute;bottom:34px;right:clamp(22px,4.4vw,85px);font-size:10px;letter-spacing:.18em;color:#f8f7f6;text-shadow:0 1px 4px #444}
.about-page .about-intro{padding:136px 0 125px;background:#fff}
.about-page .about-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.82fr);gap:clamp(65px,11vw,185px);align-items:start}
.about-page .about-kicker{color:#8b9598;display:block}
.about-page .about-intro h2,.about-page .about-section-head h2,.about-page .about-process h2{font:400 clamp(40px,4.5vw,66px)/1.19 'Playfair Display',Georgia,serif;letter-spacing:-.05em;margin:22px 0 0}
.about-page .about-intro-copy{padding-top:32px}
.about-page .about-intro-copy p{font-size:14px;line-height:1.95;color:#6b7171;margin-bottom:17px}
.about-page .about-intro-copy .about-lead-text{font-size:20px;line-height:1.6;color:#272c2e;font-weight:400;letter-spacing:-.017em;margin-bottom:23px}
.about-page .about-intro-copy .about-text-link{margin-top:22px}
.about-page .about-visual-story{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.58fr);gap:14px;min-height:650px;background:#ece8e2}
.about-page .about-story-large,.about-page .about-story-side-image{overflow:hidden;position:relative}
.about-page .about-story-large img,.about-page .about-story-side-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.about-page .about-story-large img{object-position:55% center}
.about-page .about-story-side{display:grid;grid-template-rows:minmax(350px,1fr) auto;gap:14px}
.about-page .about-story-side-image img{object-position:center}
.about-page .about-story-caption{background:#eeeae4;padding:35px clamp(23px,3.4vw,58px) 39px}
.about-page .about-story-caption .label{font-size:9px;color:#8a9294}
.about-page .about-story-caption p{font:400 clamp(21px,2vw,28px)/1.43 'Playfair Display',Georgia,serif;letter-spacing:-.027em;margin:12px 0 0;max-width:380px}
.about-page .about-services{padding:130px 0 145px;background:#faf9f7}
.about-page .about-section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:50px}
.about-page .about-section-head h2{margin-top:19px}
.about-page .about-section-head>p{color:#777d7a;font-size:13px;line-height:1.9;max-width:300px;margin:0 0 7px}
.about-page .about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.about-page .about-service{background:#fff;display:block;transition:transform .35s ease,box-shadow .35s ease}
.about-page .about-service:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(33,34,32,.06)}
.about-page .about-service-photo{aspect-ratio:1.06;overflow:hidden}
.about-page .about-service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.about-page .about-service:hover img{transform:scale(1.045)}
.about-page .about-service-info{display:grid;grid-template-columns:30px minmax(0,1fr) 19px;align-items:start;gap:13px;padding:29px 25px 34px;min-height:211px}
.about-page .about-service-no{font-size:10px;color:#909a9d;letter-spacing:.08em;margin-top:7px}
.about-page .about-service-info h3{font:400 clamp(20px,1.75vw,25px)/1.3 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}
.about-page .about-service-info p{font-size:12px;color:#777d7a;line-height:1.8;max-width:370px;margin:0}
.about-page .about-service-arrow{font-size:22px;font-weight:300}
.about-page .about-manifesto{background:#252b2d;color:#f4f1eb;padding:88px 0 98px}
.about-page .about-manifesto-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c0c9c9}
.about-page .about-manifesto-top>span:last-child{font-size:10px;letter-spacing:.2em}
.about-page .about-manifesto h2{font:400 clamp(40px,4.8vw,72px)/1.23 'Playfair Display',Georgia,serif;letter-spacing:-.048em;max-width:1120px;margin:65px 0 70px}
.about-page .about-manifesto h2 em{color:#b8a38e}
.about-page .about-manifesto-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}
.about-page .about-manifesto-line{display:block;height:1px;width:110px;background:#9ba7a8}
.about-page .about-manifesto-bottom p{color:#afb9b9;font-size:12px;letter-spacing:.015em;margin:0}
.about-page .about-process{background:#fff;padding:125px 0 132px}
.about-page .about-process-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.05fr);gap:clamp(65px,10vw,155px)}
.about-page .about-process h2{margin-top:20px;max-width:500px}
.about-page .about-process h2 em{color:#8d979b}
.about-page .about-process-intro>p{font-size:13px;color:#757c7a;line-height:1.9;max-width:450px;margin:30px 0 0}
.about-page .about-process-steps{padding-top:5px}
.about-page .about-process-step{display:grid;grid-template-columns:145px 1fr;gap:24px;border-top:1px solid #e3e2dc;padding:32px 0 33px}
.about-page .about-process-step:last-child{border-bottom:1px solid #e3e2dc}
.about-page .about-process-step>span{font-size:10px;color:#899497;letter-spacing:.12em;padding-top:8px}
.about-page .about-process-step h3{font:400 25px/1.32 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin:0 0 11px}
.about-page .about-process-step p{font-size:12px;line-height:1.85;color:#777d7c;margin:0}
.about-page .about-cta{position:relative;isolation:isolate;overflow:hidden;padding:118px 0 125px;background:#ede8df}
.about-page .about-cta>img{position:absolute;inset:0 0 0 33%;width:67%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.about-page .about-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eeebe6 0%,rgba(238,235,230,.99) 29%,rgba(238,235,230,.9) 43%,rgba(238,235,230,.25) 77%,transparent);z-index:-1}
.about-page .about-cta .label{color:#717d82}
.about-page .about-cta h2{font:400 clamp(41px,4.4vw,64px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.05em;max-width:700px;margin:20px 0}
.about-page .about-cta h2 em{color:#8b969a}
.about-page .about-cta p{font-size:13px;line-height:1.9;color:#5d6565;max-width:440px;margin:0 0 31px}
@media(max-width:1100px){.about-page .about-intro-grid,.about-page .about-process-layout{gap:55px}.about-page .about-intro{padding:100px 0}.about-page .about-story-side{grid-template-rows:minmax(290px,1fr) auto}.about-page .about-visual-story{min-height:570px}.about-page .about-service-info{grid-template-columns:1fr 20px;padding:23px;gap:8px}.about-page .about-service-no{grid-column:1/-1;margin:0 0 3px}.about-page .about-section-head{align-items:start}}
@media(max-width:760px){.about-page .about-hero{height:740px;min-height:650px}.about-page .about-hero-image{left:11%;width:89%;object-position:56% center}.about-page .about-hero::after{background:linear-gradient(90deg,#f2efeb 0%,rgba(242,239,235,.94) 36%,rgba(242,239,235,.55) 70%,rgba(242,239,235,.17))}.about-page .about-hero-content{padding-top:calc(var(--header-h) + 25px)}.about-page .about-breadcrumb{margin-bottom:42px}.about-page .about-hero h1{font-size:clamp(46px,8vw,67px);max-width:560px}.about-page .about-intro-grid,.about-page .about-process-layout{grid-template-columns:1fr;gap:30px}.about-page .about-intro-copy{padding:0}.about-page .about-intro{padding:80px 0 90px}.about-page .about-visual-story{grid-template-columns:1fr;min-height:0;gap:12px}.about-page .about-story-large{height:420px}.about-page .about-story-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.about-page .about-story-side-image{min-height:250px}.about-page .about-story-caption{padding:30px;display:flex;flex-direction:column;justify-content:center}.about-page .about-services{padding:85px 0 90px}.about-page .about-section-head{display:block}.about-page .about-section-head>p{margin-top:20px;max-width:470px}.about-page .about-service-grid{grid-template-columns:1fr 1fr}.about-page .about-service:last-child{grid-column:1/-1;max-width:calc(50% - 10px)}.about-page .about-manifesto{padding:75px 0}.about-page .about-manifesto h2{margin:48px 0 60px}.about-page .about-process{padding:85px 0 100px}.about-page .about-process h2{max-width:650px}.about-page .about-cta{padding:105px 0}}
@media(max-width:560px){.about-page .about-hero{height:88svh;min-height:660px;max-height:790px;align-items:end}.about-page .about-hero-image{inset:0;width:100%;height:100%;object-position:center top}.about-page .about-hero::after{background:linear-gradient(0deg,#f2efeb 0%,rgba(242,239,235,.97) 35%,rgba(242,239,235,.7) 63%,rgba(242,239,235,.25) 100%)}.about-page .about-hero-content{padding:135px 0 65px}.about-page .about-breadcrumb{margin-bottom:22px}.about-page .about-hero h1{font-size:clamp(43px,11vw,56px)}.about-page .about-eyebrow{font-size:9px;letter-spacing:.25em}.about-page .about-hero-lead{font-size:12px;line-height:1.75}.about-page .about-hero-caption{display:none}.about-page .about-intro h2,.about-page .about-section-head h2,.about-page .about-process h2{font-size:clamp(37px,9vw,47px)}.about-page .about-intro-copy .about-lead-text{font-size:18px}.about-page .about-intro-copy p{font-size:13px}.about-page .about-story-large{height:325px}.about-page .about-story-side{grid-template-columns:1fr}.about-page .about-story-side-image{height:255px}.about-page .about-story-caption{min-height:170px}.about-page .about-service-grid{grid-template-columns:1fr}.about-page .about-service:last-child{grid-column:auto;max-width:none}.about-page .about-service-photo{aspect-ratio:1.32}.about-page .about-service-info{grid-template-columns:1fr 20px;min-height:0;padding:24px}.about-page .about-manifesto-top>span:last-child{display:none}.about-page .about-manifesto h2{font-size:clamp(38px,9vw,50px);line-height:1.3}.about-page .about-manifesto-bottom{display:block}.about-page .about-manifesto-bottom p{margin-top:20px}.about-page .about-process-step{grid-template-columns:1fr;gap:15px;padding:26px 0}.about-page .about-process-step>span{padding-top:0}.about-page .about-cta>img{inset:0;width:100%;height:100%}.about-page .about-cta::after{background:linear-gradient(90deg,rgba(238,235,230,.96),rgba(238,235,230,.85) 64%,rgba(238,235,230,.64))}.about-page .about-cta h2{font-size:clamp(40px,9vw,50px)}}

/* =========================================================
   METAL ARCH / KATALOG STRANICE
   interijeri.php, vrata.php, nadstresnice.php, projekti.php
   Styles are scoped to .catalog-page to preserve existing pages
   ========================================================= */
.catalog-page{--al-ink:#252728;--al-muted:#767976;--al-paper:#f6f3ee;--al-rule:#d8d6d0;--al-max:1360px;overflow-x:clip;background:#fff;color:var(--al-ink)}
.catalog-page em{font-weight:400;font-style:italic;color:#8f9997}
.catalog-page .container{width:min(var(--al-max),calc(100% - 112px));margin-inline:auto}
.catalog-page h1,.catalog-page h2,.catalog-page h3{font-weight:400}
.catalog-page .al-kicker{color:#7e8789;font-size:10px;letter-spacing:.31em}
.catalog-page .al-heading{font:400 clamp(34px,3.5vw,56px)/1.17 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:13px 0 0}
.catalog-page .al-section{padding:105px 0}
.catalog-page .al-breadcrumb{display:flex;align-items:center;gap:13px;color:#6e7573;font-size:11px;letter-spacing:.025em;margin-bottom:64px}
.catalog-page .al-breadcrumb a{transition:color .2s}
.catalog-page .al-breadcrumb a:hover{color:#111}
.catalog-page .al-hero{height:min(850px,92svh);min-height:690px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:#e9e6e0}
.catalog-page .al-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.catalog-page .al-hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f5f2ed 0%,rgba(245,242,237,.99) 22%,rgba(245,242,237,.91) 35%,rgba(245,242,237,.61) 49%,rgba(245,242,237,.06) 79%,rgba(245,242,237,0) 100%)}
.catalog-page .al-hero-wash::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(32,28,25,.1) 0%,transparent 18%)}
.catalog-page .al-hero-inner{position:relative;z-index:1;padding:calc(var(--header-h) + 15px) 0 66px}
.catalog-page .al-hero h1{font:400 clamp(51px,5.4vw,82px)/1.10 'Playfair Display',Georgia,serif;letter-spacing:-.058em;max-width:720px;margin:21px 0 22px;text-wrap:balance}
.catalog-page .al-hero .al-line{display:block;width:43px;height:1px;background:#838c8b;margin:0 0 21px}
.catalog-page .al-hero-desc{font-size:14px;line-height:1.89;max-width:445px;color:#555d5b;margin:0}
.catalog-page .al-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}
.catalog-page .al-hero-actions>.btn{flex-shrink:0}
.catalog-page .al-inline-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:12px;font-weight:600;transition:gap .3s}
.catalog-page .al-inline-link:hover{gap:20px}
.catalog-page .al-hero-index{position:absolute;right:55px;bottom:33px;color:#fff;font-size:10px;letter-spacing:.2em;text-shadow:0 1px 4px rgba(0,0,0,.25)}
.catalog-page .al-intro{background:#fff}
.catalog-page .al-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,8vw,160px);align-items:start}
.catalog-page .al-intro-copy{padding-top:8px}
.catalog-page .al-intro-copy p{color:#696d6b;font-size:13px;line-height:1.95;max-width:550px;margin:0 0 20px}
.catalog-page .al-intro-copy .al-lead{font-size:18px;line-height:1.72;color:#323839}
.catalog-page .al-section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:36px}
.catalog-page .al-section-heading>p{max-width:400px;color:#787c7b;font-size:13px;line-height:1.85;margin:0 0 3px}
.catalog-page .al-gallery-note{color:#8c908f;font-size:11px;line-height:1.7;margin:30px 0 0}
.catalog-page .al-cta{background:#efebe4;border-top:1px solid #e2ddd5;padding:83px 0}
.catalog-page .al-cta-layout{display:flex;justify-content:space-between;align-items:center;gap:50px}
.catalog-page .al-cta .label{color:#87908f}
.catalog-page .al-cta h2{font:400 clamp(37px,3.7vw,56px)/1.2 'Playfair Display',Georgia,serif;max-width:740px;letter-spacing:-.045em;margin:11px 0 0}
.catalog-page .al-cta a{white-space:nowrap}

/* Interiors gallery: refined editorial photography */
.page-interijeri .al-hero-image{object-position:center 54%}
.catalog-page .al-gallery-section{background:#fbfaf8;padding-top:103px}
.catalog-page .al-interior-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.catalog-page .al-interior-card{background:#f1efeb;overflow:hidden;min-width:0}
.catalog-page .al-interior-card-feature{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}
.catalog-page .al-interior-photo{overflow:hidden;aspect-ratio:1.37;background:#dedad4}
.catalog-page .al-interior-card-feature .al-interior-photo{aspect-ratio:auto;flex:1;min-height:425px}
.catalog-page .al-interior-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.25,1)}
.catalog-page .al-interior-card:hover img{transform:scale(1.035)}
.catalog-page .al-interior-info{padding:21px 23px 24px}
.catalog-page .al-interior-info>span{color:#8a9090;font-size:9px;letter-spacing:.17em}
.catalog-page .al-interior-info h3{font:400 24px/1.3 'Playfair Display',Georgia,serif;margin:11px 0 8px;letter-spacing:-.025em}
.catalog-page .al-interior-info p{font-size:12px;line-height:1.7;color:#777d7b;max-width:450px;margin:0}
.catalog-page .al-interior-card-feature .al-interior-info{padding:26px 30px 30px}
.catalog-page .al-interior-card-feature .al-interior-info h3{font-size:30px}
.catalog-page .al-materials{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#24292b;color:#f5f3ef}
.catalog-page .al-materials-img{min-height:540px;overflow:hidden}
.catalog-page .al-materials-img img{width:100%;height:100%;object-fit:cover}
.catalog-page .al-materials-content{padding:75px clamp(40px,7vw,115px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.catalog-page .al-materials-content .label{color:#bac3c0}
.catalog-page .al-materials-content h2{font:400 clamp(38px,3.5vw,56px)/1.18 'Playfair Display',Georgia,serif;margin:15px 0 26px;letter-spacing:-.04em}
.catalog-page .al-materials-content h2 em{color:#b4b5ab}
.catalog-page .al-materials-content>p{max-width:540px;color:#c7cdcb;font-size:13px;line-height:1.9;margin:0 0 25px}
.catalog-page .al-material-row{border-top:1px solid #4d5455;width:100%;padding:15px 0;font-size:12px;display:flex;gap:27px}
.catalog-page .al-material-row span{color:#adb8b7}
.catalog-page .al-process{background:#fff}
.catalog-page .al-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.catalog-page .al-process-grid>div{border-top:1px solid #cccac5;padding:25px 0 0}
.catalog-page .al-process-grid>div>span{font-size:10px;letter-spacing:.16em;color:#8a9291}
.catalog-page .al-process-grid h3{font:400 25px/1.25 'Playfair Display',Georgia,serif;margin:17px 0 11px}
.catalog-page .al-process-grid p{color:#777e7d;font-size:12px;line-height:1.8;margin:0;max-width:330px}

/* Steel door styles */
.page-vrata .al-hero-image{object-position:60% center}
.catalog-page .al-door-nav-section{background:#edeae5;border-top:1px solid #dedbd5;border-bottom:1px solid #dedbd5;padding:22px 0 25px;scroll-margin-top:100px}
.catalog-page .al-door-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.catalog-page .al-door-nav-top p{margin:0;color:#858c8b;font-size:11px}
.catalog-page .al-door-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.catalog-page .al-door-nav a{border:1px solid #d2d0ca;padding:19px 18px;background:#f8f6f2;font-size:12px;line-height:1.4;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:background .2s,transform .2s}
.catalog-page .al-door-nav a span{color:#99a1a0;font-size:10px;letter-spacing:.09em}
.catalog-page .al-door-nav a:hover{background:#fff;transform:translateY(-2px)}
.catalog-page .al-door-group{background:#fff;scroll-margin-top:70px}
.catalog-page .al-door-group:nth-of-type(even){background:#faf9f7}
.catalog-page .al-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.catalog-page .al-model-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
.catalog-page .al-model-card{background:#f1efeb;border:1px solid #ece9e4;transition:transform .25s,box-shadow .25s;min-width:0}
.catalog-page .al-model-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(25,25,25,.06)}
.catalog-page .al-model-figure{position:relative;aspect-ratio:1/1.12;display:flex;align-items:center;justify-content:center;background:#efede8;overflow:hidden}
.catalog-page .al-model-figure img{width:100%;height:100%;object-fit:contain;padding:25px 13px 14px}
.catalog-page .al-model-corner{position:absolute;left:20px;top:20px;z-index:2;color:#737b7a;font-size:10px;letter-spacing:.12em}
.catalog-page .al-model-meta{padding:24px 21px 25px;background:#fff;display:flex;justify-content:space-between;gap:12px;align-items:start;min-height:160px}
.catalog-page .al-model-meta div>span{font-size:9px;letter-spacing:.12em;color:#929997}
.catalog-page .al-model-meta h3{font:400 25px/1.18 'Playfair Display',Georgia,serif;letter-spacing:-.02em;margin:9px 0}
.catalog-page .al-model-meta p{font-size:12px;line-height:1.65;color:#777c7c;max-width:280px;margin:0}
.catalog-page .al-model-meta>a{font-size:23px;line-height:1;text-align:center;flex:0 0 32px;height:32px;border:1px solid #dddcd6;transition:background .2s}
.catalog-page .al-model-meta>a:hover{background:#e8e8e4}
.catalog-page .al-door-photo-story{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#efede8}
.catalog-page .al-door-story-photo{overflow:hidden;min-height:480px}
.catalog-page .al-door-story-photo img{width:100%;height:100%;object-fit:cover}
.catalog-page .al-door-story-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:80px clamp(45px,7vw,110px)}
.catalog-page .al-door-story-copy .label{color:#838b89}
.catalog-page .al-door-story-copy h2{font:400 clamp(37px,3.8vw,56px)/1.19 'Playfair Display',Georgia,serif;letter-spacing:-.05em;margin:18px 0 24px}
.catalog-page .al-door-story-copy>p:not(.label){font-size:13px;line-height:1.9;color:#757a78;max-width:460px;margin-bottom:27px}
.catalog-page .al-spec-section{background:#fff}
.catalog-page .al-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.catalog-page .al-spec-grid>div{padding:20px 0 0;border-top:1px solid #d5d2cc}
.catalog-page .al-spec-grid span{font-size:11px;color:#8b9492;letter-spacing:.18em}
.catalog-page .al-spec-grid h3{font:400 21px/1.26 'Playfair Display',Georgia,serif;margin:16px 0 10px}
.catalog-page .al-spec-grid p{font-size:12px;line-height:1.75;color:#777e7b}

/* Canopies */
.page-nadstresnice .al-hero-image{object-position:58% 45%}
.page-nadstresnice .al-hero-wash{background:linear-gradient(90deg,#f5f2ed 0%,rgba(245,242,237,.97) 25%,rgba(245,242,237,.83) 41%,rgba(245,242,237,.3) 65%,transparent 86%)}
.catalog-page .al-canopy-catalog{background:#fbfaf8}
.catalog-page .al-canopy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.catalog-page .al-canopy-card{background:#fff;border:1px solid #e8e5df;min-width:0;transition:transform .25s,box-shadow .25s}
.catalog-page .al-canopy-card:hover{transform:translateY(-4px);box-shadow:0 12px 33px rgba(20,20,20,.06)}
.catalog-page .al-canopy-drawing{position:relative;aspect-ratio:1.34;background:#f4f1eb;overflow:hidden}
.catalog-page .al-canopy-drawing img{width:100%;height:100%;object-fit:contain}
.catalog-page .al-canopy-drawing>span{position:absolute;top:20px;left:21px;color:#737b7b;font-size:10px;letter-spacing:.14em}
.catalog-page .al-canopy-card-info{padding:25px 26px 30px}
.catalog-page .al-canopy-card-info small{font-size:10px;letter-spacing:.14em;color:#899291}
.catalog-page .al-canopy-card-info h3{font:400 27px 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:10px 0 11px}
.catalog-page .al-canopy-card-info p{font-size:12px;line-height:1.85;color:#797e7b;min-height:66px;margin:0 0 22px}
.catalog-page .al-canopy-link{border-bottom:1px solid #aab0ae;padding-bottom:6px;font-size:11px;display:inline-flex;gap:20px;align-items:center}
.catalog-page .al-canopy-feature{display:grid;grid-template-columns:1fr 1fr;background:#252a2c;color:#f3f0eb;min-height:590px}
.catalog-page .al-canopy-feature-image{min-height:525px;overflow:hidden}
.catalog-page .al-canopy-feature-image img{width:100%;height:100%;object-fit:cover}
.catalog-page .al-canopy-feature-copy{padding:85px clamp(38px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.catalog-page .al-canopy-feature-copy .label{color:#b6c0c0}
.catalog-page .al-canopy-feature-copy h2{font:400 clamp(36px,3.75vw,53px)/1.17 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:15px 0 23px}
.catalog-page .al-canopy-feature-copy h2 em{color:#c1c4bd}
.catalog-page .al-canopy-feature-copy>p:not(.label){font-size:13px;color:#c5cac9;line-height:1.9;max-width:500px;margin-bottom:25px}
.catalog-page .al-feature-points{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 24px;border-block:1px solid #485253;padding:21px 0;margin-bottom:29px;width:100%}
.catalog-page .al-feature-points span{font-size:11px;color:#d1d5d1}

/* Projects portfolio */
.page-projekti .al-hero-image{object-position:center 58%}
.catalog-page .al-project-section{background:#fbfaf8}
.catalog-page .al-filter-bar{display:flex;flex-wrap:wrap;gap:11px;margin:0 0 29px}
.catalog-page .al-filter{border:1px solid #d9d7d1;background:transparent;padding:13px 18px;font-size:12px;display:inline-flex;gap:15px;align-items:center;transition:background .2s,color .2s}
.catalog-page .al-filter span{font-size:10px;color:#9a9f9c}
.catalog-page .al-filter.active,.catalog-page .al-filter:hover{background:#292e2f;color:#fff;border-color:#292e2f}
.catalog-page .al-filter.active span,.catalog-page .al-filter:hover span{color:#c5ceca}
.catalog-page .al-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 20px;align-items:start}
.catalog-page .al-project-card[hidden]{display:none!important}
.catalog-page .al-project-img{display:block;aspect-ratio:1.22;position:relative;overflow:hidden;background:#ede9e3}
.catalog-page .al-project-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.25,1)}
.catalog-page .al-project-card:hover .al-project-img img{transform:scale(1.045)}
.catalog-page .al-project-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:17px 18px;background:linear-gradient(0deg,rgba(14,18,19,.55),transparent);color:#fff;font-size:12px;opacity:0;transition:opacity .3s}
.catalog-page .al-project-card:hover .al-project-overlay,.catalog-page .al-project-img:focus-visible .al-project-overlay{opacity:1}
.catalog-page .al-project-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:21px 2px}
.catalog-page .al-project-meta div>span{font-size:10px;letter-spacing:.13em;color:#969c99}
.catalog-page .al-project-meta h3{font:400 23px/1.28 'Playfair Display',Georgia,serif;letter-spacing:-.015em;margin:10px 0 8px}
.catalog-page .al-project-meta p{font-size:12px;line-height:1.72;color:#7c8280;margin:0;max-width:330px}
.catalog-page .al-project-meta>span{font-size:21px;flex-shrink:0}
.catalog-page .al-project-quote{padding:108px 0 96px;background:#24292c;color:#f5f3ef}
.catalog-page .al-project-quote .label{color:#c8cdcb}
.catalog-page .al-project-quote blockquote{font:400 clamp(38px,4.7vw,69px)/1.27 'Playfair Display',Georgia,serif;max-width:1040px;letter-spacing:-.045em;margin:35px 0 85px}
.catalog-page .al-project-quote blockquote em{color:#a9b4b1}
.catalog-page .al-project-quote-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #526062;padding-top:28px}
.catalog-page .al-project-quote-bottom>span{font-size:10px;color:#b6c1bf;letter-spacing:.13em}

@media(max-width:1180px){
.catalog-page .container{width:calc(100% - 70px)}
.catalog-page .al-hero h1{font-size:clamp(49px,5.4vw,72px)}
.catalog-page .al-intro-grid{gap:65px}
.catalog-page .al-door-nav{grid-template-columns:repeat(2,1fr)}
.catalog-page .al-interior-info h3{font-size:21px}
.catalog-page .al-canopy-feature-copy,.catalog-page .al-door-story-copy{padding:60px 45px}
}
@media(max-width:820px){
.catalog-page .al-section{padding:78px 0}
.catalog-page .al-hero{height:740px;min-height:650px}
.catalog-page .al-hero-inner{padding-top:calc(var(--header-h) + 35px)}
.catalog-page .al-hero-image{object-position:60% center}
.catalog-page .al-hero-wash{background:linear-gradient(90deg,rgba(245,242,237,.99) 0%,rgba(245,242,237,.93) 37%,rgba(245,242,237,.59) 72%,rgba(245,242,237,.2) 100%)}
.catalog-page .al-intro-grid{grid-template-columns:1fr;gap:26px}
.catalog-page .al-intro-copy{padding:0}
.catalog-page .al-section-heading{align-items:start;display:block}
.catalog-page .al-section-heading>p{margin-top:21px;max-width:520px}
.catalog-page .al-interior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-page .al-interior-card-feature{grid-column:span 2;grid-row:auto}
.catalog-page .al-interior-card-feature .al-interior-photo{flex:none;aspect-ratio:1.65;min-height:0}
.catalog-page .al-materials,.catalog-page .al-door-photo-story,.catalog-page .al-canopy-feature{grid-template-columns:1fr}
.catalog-page .al-materials-img,.catalog-page .al-door-story-photo,.catalog-page .al-canopy-feature-image{height:430px;min-height:0}
.catalog-page .al-materials-content,.catalog-page .al-door-story-copy,.catalog-page .al-canopy-feature-copy{padding:65px 35px}
.catalog-page .al-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-page .al-model-grid-two{max-width:none}
.catalog-page .al-model-figure{aspect-ratio:1.1}
.catalog-page .al-canopy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-page .al-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-page .al-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-page .al-cta-layout{align-items:flex-start;flex-direction:column;gap:30px}
}
@media(max-width:580px){
.catalog-page .container{width:calc(100% - 36px)}
.catalog-page .al-hero{height:95svh;min-height:670px;max-height:830px;align-items:end}
.catalog-page .al-hero-image{object-position:center top}
.catalog-page .al-hero-wash,.page-nadstresnice .al-hero-wash{background:linear-gradient(0deg,#f5f2ed 0%,rgba(245,242,237,.98) 31%,rgba(245,242,237,.88) 45%,rgba(245,242,237,.08) 80%,transparent 100%)}
.catalog-page .al-hero-inner{padding:calc(var(--header-h) + 30px) 0 85px}
.catalog-page .al-breadcrumb{margin-bottom:23px;font-size:10px}
.catalog-page .al-hero h1{font-size:clamp(42px,10.4vw,58px);margin:13px 0 15px}
.catalog-page .al-hero-desc{font-size:12px;line-height:1.7;max-width:520px}
.catalog-page .al-hero .al-line{margin-bottom:14px}
.catalog-page .al-hero-actions{gap:15px;margin-top:19px}
.catalog-page .al-hero-actions .al-inline-link{font-size:11px}
.catalog-page .al-hero-index{display:none}
.catalog-page .al-heading{font-size:clamp(34px,9vw,45px)}
.catalog-page .al-section{padding:67px 0}
.catalog-page .al-intro-copy .al-lead{font-size:17px}
.catalog-page .al-interior-grid{grid-template-columns:1fr;gap:16px}
.catalog-page .al-interior-card-feature{grid-column:auto}
.catalog-page .al-interior-card-feature .al-interior-photo{aspect-ratio:1.23}
.catalog-page .al-interior-info,.catalog-page .al-interior-card-feature .al-interior-info{padding:22px}
.catalog-page .al-interior-card-feature .al-interior-info h3{font-size:24px}
.catalog-page .al-materials-img,.catalog-page .al-door-story-photo,.catalog-page .al-canopy-feature-image{height:300px}
.catalog-page .al-materials-content,.catalog-page .al-door-story-copy,.catalog-page .al-canopy-feature-copy{padding:53px 22px}
.catalog-page .al-process-grid,.catalog-page .al-spec-grid{grid-template-columns:1fr;gap:25px}
.catalog-page .al-door-nav{grid-template-columns:1fr;gap:8px}
.catalog-page .al-door-nav a{padding:14px 16px}
.catalog-page .al-model-grid,.catalog-page .al-model-grid-two{grid-template-columns:1fr 1fr;gap:10px}
.catalog-page .al-model-figure{aspect-ratio:1/1.12}
.catalog-page .al-model-figure img{padding:23px 6px 10px}
.catalog-page .al-model-corner{top:11px;left:10px;font-size:9px}
.catalog-page .al-model-meta{padding:15px 12px 18px;min-height:170px}
.catalog-page .al-model-meta div>span{font-size:8px}
.catalog-page .al-model-meta h3{font-size:19px}
.catalog-page .al-model-meta p{font-size:10px;line-height:1.6}
.catalog-page .al-model-meta>a{flex-basis:24px;width:24px;height:24px;font-size:18px}
.catalog-page .al-canopy-grid{grid-template-columns:1fr;gap:15px}
.catalog-page .al-canopy-card-info p{min-height:0}
.catalog-page .al-canopy-feature-copy h2,.catalog-page .al-door-story-copy h2{font-size:39px}
.catalog-page .al-feature-points{grid-template-columns:1fr}
.catalog-page .al-filter-bar{gap:7px}
.catalog-page .al-filter{padding:11px 13px;font-size:11px;gap:7px}
.catalog-page .al-project-grid{grid-template-columns:1fr;gap:23px}
.catalog-page .al-project-overlay{opacity:1}
.catalog-page .al-project-quote{padding:78px 0 72px}
.catalog-page .al-project-quote blockquote{font-size:39px;margin:31px 0 54px}
.catalog-page .al-project-quote-bottom{align-items:flex-start;flex-direction:column}
.catalog-page .al-cta{padding:65px 0}
.catalog-page .al-cta h2{font-size:39px}
}

/* METAL ARCH – responsive brand lockup */
@media (max-width:690px){.site-header .brand-mark{width:176px;max-height:60px}.footer .brand-mark{width:215px;max-width:100%}}
@media (max-width:395px){.site-header .brand-mark{width:160px;max-height:54px}}