/*
Theme Name: Tanis Inzinjering Pro
Author: Tanis-Inžinjering
Description: Premium custom WordPress tema za projektni biro Tanis-Inžinjering.
Version: 2.0.0
Text Domain: tanis
*/
:root{--ink:#0d1116;--paper:#f4f2ee;--white:#fff;--muted:#737b84;--line:#d8dde2;--panel:#141a21;--gold:#b79459;--gold2:#d0af75;--max:1280px;--radius:24px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 44px),var(--max));margin:auto}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";width:34px;height:1px;background:var(--gold)}h1,h2,h3{margin:0 0 16px;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(3.3rem,7.8vw,8.6rem);font-weight:800}h2{font-size:clamp(2.4rem,5vw,5rem)}h3{font-size:1.55rem}p{color:var(--muted);margin:0 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-weight:800;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.light{background:#fff;color:#111;border-color:#fff}.btn.dark{background:#111820;color:#fff;border-color:#111820}.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.header{position:fixed;z-index:90;top:0;left:0;width:100%;transition:.25s;color:#fff}.header.scrolled{background:rgba(10,14,18,.92);backdrop-filter:blur(15px);box-shadow:0 1px rgba(255,255,255,.08)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{height:46px;width:auto;filter:brightness(0) invert(1)}.menu{display:flex;align-items:center;gap:28px;font-size:.93rem;font-weight:700}.menu a{opacity:.88}.menu a:hover{opacity:1;color:var(--gold2)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{height:100vh;min-height:760px;position:relative;color:#fff;display:flex;align-items:flex-end;background:url('assets/images/villa-night.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,14,.88) 0%,rgba(7,10,14,.58) 45%,rgba(7,10,14,.10) 80%),linear-gradient(180deg,rgba(7,10,14,.12),rgba(7,10,14,.68))}.hero-inner{position:relative;z-index:2;padding:160px 0 75px}.hero h1{max-width:1050px}.hero h1 span{font-weight:300;color:#e5e7ea}.hero-copy{font-size:1.12rem;max-width:710px;color:#d5d9dd}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-bottom{margin-top:60px;padding-top:22px;border-top:1px solid rgba(255,255,255,.23);display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.hero-bottom b{display:block;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.hero-bottom span{color:#bbc2c8;font-size:.9rem}
section{padding:115px 0}.headrow{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.headrow p{max-width:580px}.services{background:#f5f3ef}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dcdedc;border:1px solid #dcdedc}.service{background:#fff;padding:34px;min-height:315px;position:relative;overflow:hidden}.service .num{font-size:.75rem;font-weight:800;color:var(--gold);letter-spacing:.12em;margin-bottom:74px}.service h3{max-width:280px}.service p{font-size:.95rem}.service:after{content:"→";position:absolute;right:26px;bottom:22px;font-size:1.4rem;color:#a0a6ac}.service:hover{background:#111820;color:#fff}.service:hover p{color:#bbc2c8}
.project-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;background:#111820;color:#fff;border-radius:var(--radius);overflow:hidden}.project-feature .photo{background:url('assets/images/zemax.jpg') center/cover no-repeat;min-height:620px}.project-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.project-copy p{color:#b8c0c7}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#313944;margin-top:28px}.fact{background:#171e26;padding:20px}.fact b{display:block;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.fact span{font-size:.92rem;color:#aeb6bd}
.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:16px}.tile{position:relative;border-radius:20px;overflow:hidden;min-height:340px;background:#ddd}.tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,8,10,.84))}.tile .cap{position:absolute;z-index:3;left:26px;right:26px;bottom:24px;color:#fff}.tile .cap small{display:block;color:#e5c590;letter-spacing:.13em;font-size:.72rem;font-weight:800;text-transform:uppercase}.tile .cap b{font-size:1.55rem}.a{grid-column:span 7}.b{grid-column:span 5}.c{grid-column:span 5}.d{grid-column:span 7}.tile.tall{min-height:460px}
.eng{background:#0f141a;color:#fff}.eng .headrow p{color:#adb6be}.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tech{border:1px solid #303840;background:#151b22;border-radius:22px;overflow:hidden}.tech img{width:100%;height:390px;object-fit:contain;background:#fff}.tech .txt{padding:28px}.tech .txt p{color:#aeb5bc}.road-card{margin-top:18px;border-radius:22px;overflow:hidden;background:#fff;color:#111;display:grid;grid-template-columns:1.4fr .6fr}.road-card img{height:430px;width:100%;object-fit:cover}.road-card .txt{padding:42px;display:flex;flex-direction:column;justify-content:center}
.about{background:#f5f3ef}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-copy .lead{font-size:1.18rem;color:#3f4850}.principles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.principle{background:#fff;padding:22px;border:1px solid #e4e4e0;border-radius:18px}.principle b{display:block;margin-bottom:5px}.team-card{display:grid;grid-template-columns:.8fr 1.2fr;background:#111820;color:#fff;border-radius:24px;overflow:hidden}.team-card img{width:100%;height:620px;object-fit:cover}.team-info{padding:55px;display:flex;flex-direction:column;justify-content:center}.team-info p{color:#b7c0c7}.team-info .role{color:#d7b77f;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.contact{background:#0e1319;color:#fff}.contact-box{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.contact h2{max-width:720px}.contact p{color:#b5bdc5}.contact-list{border-top:1px solid #333b44}.contact-row{padding:22px 0;border-bottom:1px solid #333b44;display:grid;grid-template-columns:150px 1fr}.contact-row b{font-size:.78rem;color:#d6b272;text-transform:uppercase;letter-spacing:.12em}.contact-form{background:#151c23;border:1px solid #29313a;border-radius:22px;padding:30px}.contact-form input,.contact-form textarea{width:100%;background:#0f141a;color:#fff;border:1px solid #343d47;border-radius:12px;padding:15px;margin-bottom:12px;font:inherit}.contact-form textarea{min-height:130px}.footer{background:#090d11;color:#8e979f;padding:28px 0}.footer-in{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer img{height:34px;filter:brightness(0) invert(1);opacity:.85}
@media(max-width:960px){.menu{display:none;position:absolute;top:78px;left:18px;right:18px;flex-direction:column;align-items:flex-start;background:#111820;padding:24px;border-radius:18px}.menu.open{display:flex}.menu-toggle{display:block}.hero-bottom,.service-grid,.engineering-grid,.about-grid,.contact-box,.project-feature,.road-card,.team-card{grid-template-columns:1fr}.project-feature .photo{min-height:420px}.project-copy{padding:38px}.road-card img{height:300px}.team-card img{height:500px}.a,.b,.c,.d{grid-column:span 12}.headrow{flex-direction:column;align-items:flex-start}.hero-bottom{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr}.contact-row{grid-template-columns:1fr;gap:6px}}
@media(max-width:560px){.container{width:min(calc(100% - 26px),var(--max))}.hero{min-height:700px}.hero-bottom{grid-template-columns:1fr 1fr;gap:15px}.hero h1{font-size:3.1rem}.brand img{height:36px}section{padding:82px 0}.service-grid{grid-template-columns:1fr}.project-gallery{display:block}.tile{margin-bottom:14px;min-height:310px}.tile.tall{min-height:330px}.contact-row{grid-template-columns:1fr}.footer-in{flex-direction:column;align-items:flex-start}}