/*
Theme Name: IRTEL Portfolio Pro
Theme URI: https://example.com/
Author: OpenAI
Description: Premium IRTEL portfolio tema za arhitekturu i inženjering, sa Elementor sekcijama, projektima, blogom i društvenim mrežama.
Version: 6.0.0
License: GPL-2.0-or-later
Text Domain: irtel-architecture
*/

:root{
  --yellow:#f7bd00;
  --yellow-2:#ffd64a;
  --black:#111111;
  --ink:#1d1d1d;
  --muted:#6f6f6f;
  --line:#e7e7e7;
  --paper:#ffffff;
  --soft:#f6f6f6;
  --radius:14px;
  --shadow:0 18px 50px rgba(0,0,0,.10);
  --container:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em}
.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--yellow);color:#111;font-weight:1000;clip-path:polygon(0 16%,50% 0,100% 16%,100% 84%,50% 100%,0 84%)}
.brand-text{font-size:28px;line-height:1}
.brand-sub{display:block;font-size:10px;font-weight:700;letter-spacing:.38em;color:var(--yellow);margin-top:5px}
.primary-nav ul{display:flex;list-style:none;gap:34px;margin:0;padding:0;align-items:center}
.primary-nav a{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;padding:10px 0}
.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--yellow);transition:.25s}
.primary-nav a:hover:after,.primary-nav .current-menu-item>a:after{right:0}
.header-cta{display:inline-flex;align-items:center;background:var(--yellow);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.header-cta span:first-child{background:#111;color:#fff;padding:16px 18px}.header-cta span:last-child{padding:16px 24px}
.menu-toggle{display:none;border:1px solid #121212;background:#dd9933;color:#121212;padding:0;border-radius:6px;font-weight:800;box-shadow:none}

.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#fff 45%,#f8f8f8 45%,#f8f8f8 100%)}
.hero:before{content:"";position:absolute;right:-140px;top:-170px;width:520px;height:520px;background:var(--yellow);transform:rotate(35deg);z-index:0}
.hero-grid{min-height:650px;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;z-index:1}
.hero-copy{padding:86px 24px 96px 0}
.eyebrow{display:flex;align-items:center;gap:16px;text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-size:12px}.eyebrow:after{content:"";height:1px;background:#999;width:160px}
.hero h1{font-size:clamp(58px,6vw,100px);line-height:.88;margin:28px 0 20px;font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em}
.hero h1 em{display:block;font-style:italic;color:var(--yellow);font-family:Georgia,serif;text-transform:none;font-size:.9em;letter-spacing:-.05em}
.hero p{max-width:600px;font-size:20px;color:#4f4f4f;margin:0 0 34px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;border:1px solid #222;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.05em}.btn-primary{background:var(--yellow);border-color:var(--yellow)}.btn-dark{background:#111;color:#fff}.btn-light{background:#fff}
.hero-visual{align-self:stretch;position:relative;display:flex;align-items:end;justify-content:center;padding:36px 0 0}
.building-card{width:100%;height:100%;min-height:610px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.15)),url('assets/images/hero-building.png') center/cover no-repeat;border-left:1px solid rgba(0,0,0,.08)}
.hero-badge{position:absolute;right:6%;top:32%;width:180px;height:180px;border:5px solid var(--yellow);background:#111;color:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;text-transform:uppercase;letter-spacing:.16em;line-height:1.3;box-shadow:var(--shadow)}
.hero-strip{position:absolute;left:-5%;right:2%;bottom:30px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 30px;gap:10px}.hero-strip div{display:flex;gap:12px;align-items:center;justify-content:center;font-weight:900;text-transform:uppercase;font-size:13px;border-right:1px solid #ddd}.hero-strip div:last-child{border-right:0}.hero-strip b{color:var(--yellow);font-size:26px}

.section{padding:88px 0}.section-soft{background:var(--soft)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900;color:#777}.section-title h2{font-size:clamp(36px,4vw,62px);line-height:1;margin:8px 0 0;text-transform:uppercase}.section-title p{max-width:520px;color:var(--muted);margin:0}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);min-height:300px;display:flex;flex-direction:column;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-thumb{height:130px;background:#eee;display:grid;place-items:center;overflow:hidden}.service-thumb img{width:100%;height:100%;object-fit:cover}.service-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.service-icon{font-size:30px;color:var(--yellow)}.service-card h3{font-size:20px;margin:0;text-transform:uppercase}.service-card p{font-size:14px;color:#666;margin:0}.service-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:12px;text-transform:uppercase}.arrow-box{width:30px;height:30px;background:#111;color:#fff;display:grid;place-items:center}

.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.about-visual{position:relative;min-height:520px;background:url('assets/images/about-team.png') center/cover no-repeat}.about-stat{position:absolute;right:-18px;bottom:28px;background:var(--yellow);padding:26px 32px;font-weight:900}.about-stat strong{display:block;font-size:46px;line-height:1}.about-copy h2{font-size:clamp(40px,5vw,68px);line-height:.98;text-transform:uppercase;margin:12px 0 26px}.about-copy p{color:#666;font-size:17px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.check{display:flex;gap:10px;font-weight:700}.check:before{content:"✓";color:var(--yellow);font-weight:1000}

.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{position:relative;min-height:380px;overflow:hidden;background:#ddd}.project-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.05)}.project-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88));padding:90px 24px 24px;color:#fff}.project-overlay small{text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);font-weight:800}.project-overlay h3{font-size:28px;margin:6px 0 0}.project-card:nth-child(1){grid-column:span 2}.project-card:nth-child(1),.project-card:nth-child(2){min-height:500px}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{padding:28px;border-left:4px solid var(--yellow);background:#fff}.process-step span{font-size:54px;font-weight:1000;color:#e8e8e8}.process-step h3{margin:8px 0;text-transform:uppercase}.process-step p{color:#666;margin:0}

.cta-band{background:#111;color:#fff;overflow:hidden}.cta-band .container{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-block:56px}.cta-band h2{font-size:clamp(34px,4vw,58px);margin:0;text-transform:uppercase}.cta-band h2 span{color:var(--yellow)}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}.contact-list{display:grid;gap:18px}.contact-item{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}.contact-icon{width:44px;height:44px;background:var(--yellow);display:grid;place-items:center;font-weight:1000}.contact-form{background:#fff;border:1px solid var(--line);padding:32px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d7d7d7;padding:14px 16px;font:inherit}.contact-form textarea{min-height:140px;resize:vertical}.contact-form button{border:0;cursor:pointer}

.site-footer{background:#0d0d0d;color:#fff}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px;padding:58px 0}.footer-title{font-size:22px;text-transform:uppercase;margin:0 0 14px}.site-footer p,.site-footer li{color:#b8b8b8;font-size:14px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.footer-bottom{border-top:1px solid #2a2a2a;padding:20px 0;color:#8e8e8e;font-size:13px;display:flex;justify-content:space-between;gap:20px}
.page-hero{padding:82px 0;background:linear-gradient(120deg,#111 0 62%,var(--yellow) 62%);color:#fff}.page-hero h1{font-size:clamp(44px,6vw,80px);text-transform:uppercase;margin:0}.content-wrap{padding:70px 0}.entry-content{max-width:900px}.entry-content h2,.entry-content h3{text-transform:uppercase}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

@media (max-width:1100px){.services-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-visual{min-height:620px}.hero:before{display:none}.about-grid,.contact-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.primary-nav ul{gap:18px}.header-cta{display:none}}
@media (max-width:760px){.container{width:min(var(--container),calc(100% - 28px))}.header-inner{height:76px}.brand-text{font-size:22px}.primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-top:1px solid #eee;padding:14px 20px}.primary-nav.open{display:block}.primary-nav ul{flex-direction:column;align-items:flex-start;gap:6px}.menu-toggle{display:block}.hero-grid{min-height:auto}.hero-copy{padding:60px 0}.hero h1{font-size:58px}.hero p{font-size:17px}.hero-visual{min-height:500px}.building-card{min-height:500px}.hero-badge{width:130px;height:130px;font-size:11px;right:3%;top:18%}.hero-strip{left:4%;right:4%;grid-template-columns:1fr;bottom:16px}.hero-strip div{border-right:0;border-bottom:1px solid #eee;padding:5px 0}.hero-strip div:last-child{border-bottom:0}.section{padding:62px 0}.section-title{display:block}.section-title p{margin-top:14px}.services-grid,.projects-grid,.process,.archive-grid{grid-template-columns:1fr}.project-card:nth-child(1){grid-column:auto}.project-card:nth-child(1),.project-card:nth-child(2),.project-card{min-height:360px}.check-grid,.field-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cta-band .container{grid-template-columns:1fr}.about-visual{min-height:390px}}

/* Demo content additions - v1.1 */
.page-hero p{max-width:720px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:18px}.page-hero .kicker{color:var(--yellow)}
.rounded-media{width:100%;min-height:480px;object-fit:cover;background:#eee}.about-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-page-grid h2,.service-detail h2{font-size:clamp(36px,4vw,58px);line-height:1;text-transform:uppercase;margin:12px 0 22px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.stats-row>div{border-top:3px solid var(--yellow);padding-top:16px}.stats-row strong{display:block;font-size:38px;line-height:1}.stats-row span{display:block;color:#777;font-size:13px;margin-top:8px;text-transform:uppercase;font-weight:800}
.service-detail-list{display:grid;gap:30px}.service-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:28px;border:1px solid var(--line);background:#fff}.service-detail:nth-child(even){grid-template-columns:1.1fr .9fr}.service-detail:nth-child(even) .service-detail-media{order:2}.service-detail-media{height:360px;overflow:hidden;background:#eee}.service-detail-media img{width:100%;height:100%;object-fit:cover}.service-no{font-size:54px;font-weight:1000;color:#e4e4e4;line-height:1}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:0;margin:24px 0 0;list-style:none}.feature-list li:before{content:'✓';color:var(--yellow);font-weight:1000;margin-right:10px}
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:70px}.logo-wall div{min-height:110px;display:grid;place-items:center;border:1px solid var(--line);font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:#fff}.reference-copy{margin-top:20px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.team-card{border:1px solid var(--line);background:#fff}.team-photo{height:300px;background:#f1f1f1;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:20px;text-transform:uppercase;margin:20px 20px 8px}.team-card p{color:#666;margin:0 20px 22px}.demo-note{margin-top:28px;padding:18px 22px;background:#fff7d6;border-left:4px solid var(--yellow)}
.faq-list{max-width:980px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{cursor:pointer;list-style:none;font-size:22px;font-weight:900;text-transform:uppercase;padding:24px 48px 24px 0;position:relative}.faq-list summary:after{content:'+';position:absolute;right:0;top:22px;color:var(--yellow);font-size:30px}.faq-list details[open] summary:after{content:'–'}.faq-list details p{max-width:800px;color:#666;margin:0;padding:0 0 26px}
.map-placeholder{margin-top:34px;min-height:240px;background:linear-gradient(135deg,#eee,#fafafa);border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:30px}.map-placeholder span{font-size:28px;font-weight:900;text-transform:uppercase}.map-placeholder small{display:block;color:#777}.contact-form select{width:100%;border:1px solid #d7d7d7;padding:14px 16px;font:inherit;background:#fff}.form-gap{height:14px}.form-hint{font-size:12px;color:#777;margin:14px 0 0}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--line);background:#fff}.post-media{height:250px;overflow:hidden;background:#eee}.post-media img{width:100%;height:100%;object-fit:cover}.post-body{padding:24px}.post-body small{color:#777}.post-body h2{font-size:26px;margin:8px 0 12px}.post-body p{color:#666}.empty-state{grid-column:1/-1;padding:48px;background:var(--soft);border-left:5px solid var(--yellow)}
.project-single-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}.project-main-media{margin-bottom:34px}.project-main-media img{width:100%;max-height:650px;object-fit:cover}.project-copy{font-size:17px}.project-facts{position:sticky;top:120px;border:1px solid var(--line);padding:28px;background:#fff}.project-facts h3{margin-top:0;text-transform:uppercase}.project-facts>div{padding:14px 0;border-top:1px solid var(--line)}.project-facts span{display:block;color:#888;font-size:11px;text-transform:uppercase;font-weight:900}.project-facts strong{display:block;margin-top:4px}.project-facts .btn{margin-top:20px;width:100%}
@media(max-width:980px){.about-page-grid,.service-detail,.service-detail:nth-child(even),.project-single-grid{grid-template-columns:1fr}.service-detail:nth-child(even) .service-detail-media{order:0}.team-grid{grid-template-columns:1fr 1fr}.logo-wall{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:1fr 1fr}.project-facts{position:static}}
@media(max-width:620px){.stats-row,.feature-list,.team-grid,.logo-wall,.post-grid{grid-template-columns:1fr}.service-detail{padding:18px}.service-detail-media{height:260px}.team-photo{height:360px}}


/* v1.2 demo photography + polish */
.hero-visual:after{content:"DEMO VIZUAL";position:absolute;top:34px;left:34px;background:#111;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.18em;padding:9px 12px;z-index:3}
.service-thumb img,.project-card img,.rounded-media,.team-photo img,.post-media img{filter:saturate(.92) contrast(1.02)}
.site-notice{background:#fff7cf;border-left:4px solid var(--yellow);padding:14px 18px;margin:24px 0;font-size:13px;color:#5d5200}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;margin-top:-32px;position:relative;z-index:5;box-shadow:var(--shadow)}
.trust-strip>div{padding:24px;text-align:center;border-right:1px solid var(--line)}.trust-strip>div:last-child{border-right:0}.trust-strip strong{display:block;font-size:22px}.trust-strip span{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:.08em}
.contact-success,.contact-error{padding:14px 16px;margin-bottom:18px;border-left:4px solid var(--yellow);background:#fff8d5}.contact-error{border-left-color:#b00020;background:#fff1f3}
@media(max-width:760px){.trust-strip{grid-template-columns:1fr 1fr;margin-top:0}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div{border-bottom:1px solid var(--line)}}

/* v1.3 portfolio, partners, floating contact and mobile polish */
.project-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.filter-btn{appearance:none;border:1px solid var(--line);background:#fff;padding:11px 16px;font:inherit;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--yellow);border-color:var(--yellow)}.filterable-project.is-hidden{display:none}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-card{padding:30px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--yellow)}.why-no{font-size:48px;line-height:1;font-weight:1000;color:#ececec}.why-card h3{text-transform:uppercase;margin:12px 0 8px;font-size:22px}.why-card p{margin:0;color:#666}
.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner-logo{min-height:105px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;text-align:center;padding:16px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.partner-logo span{display:block;font-size:10px;color:#999;letter-spacing:.18em;margin-top:4px}
.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.project-gallery a{display:block;overflow:hidden;background:#eee;min-height:210px}.project-gallery img{width:100%;height:100%;min-height:210px;object-fit:cover;transition:.35s}.project-gallery a:hover img{transform:scale(1.04)}
.project-tax{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#111;padding:7px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}
.map-embed{margin-top:34px;border:1px solid var(--line);background:#eee;min-height:340px;overflow:hidden}.map-embed iframe{display:block;width:100%;height:340px;border:0}
.floating-contact{position:fixed;right:18px;bottom:18px;z-index:70;display:grid;gap:10px}.floating-contact a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.18);font-size:21px;font-weight:1000}.floating-contact .wa{background:#111;color:#fff;border:3px solid var(--yellow)}.floating-contact .vb{background:var(--yellow);color:#111;border:3px solid #111}.floating-contact a:hover{transform:translateY(-2px)}
.final-cta{background:linear-gradient(110deg,var(--yellow) 0 58%,#111 58%);padding:70px 0}.final-cta-inner{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.final-cta h2{font-size:clamp(38px,5vw,68px);line-height:.95;text-transform:uppercase;margin:0;max-width:830px}.final-cta p{font-weight:700;max-width:700px}.final-cta .btn{background:#fff}
@media(max-width:980px){.why-grid{grid-template-columns:1fr 1fr}.partner-wall{grid-template-columns:repeat(3,1fr)}.project-gallery{grid-template-columns:1fr 1fr}.final-cta{background:var(--yellow)}.final-cta-inner{grid-template-columns:1fr}.final-cta .btn{justify-self:start}}
@media(max-width:760px){.hero{background:#fff}.hero-grid{display:block}.hero-copy{padding:46px 0 28px}.hero h1{font-size:clamp(48px,16vw,68px)}.hero-visual{min-height:430px;margin-inline:-14px}.building-card{min-height:430px}.hero-strip{position:relative;left:auto;right:auto;bottom:auto;margin:-88px 12px 14px}.hero-badge{top:35px}.section-title h2{font-size:40px}.about-grid{grid-template-columns:1fr;gap:34px}.contact-grid{grid-template-columns:1fr;gap:34px}.why-grid,.partner-wall,.project-gallery{grid-template-columns:1fr}.partner-logo{min-height:82px}.project-gallery a,.project-gallery img{min-height:260px}.floating-contact{right:12px;bottom:12px}.floating-contact a{width:48px;height:48px;font-size:18px}.final-cta{padding:52px 0}.primary-nav{max-height:calc(100vh - 76px);overflow:auto}.btn{width:100%}.btn-row .btn{flex:1 1 220px}.trust-strip{box-shadow:none}.project-filter{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.filter-btn{white-space:nowrap}}

/* v1.4 structured portfolio, lightbox and motion */
.portfolio-grid .project-card{min-height:440px}.project-card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.project-card-meta span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 7px;background:rgba(255,255,255,.92);color:#111}.project-overlay{transition:.3s}.project-card:hover .project-overlay{padding-bottom:28px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.irtel-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:40px 80px}.irtel-lightbox.open{display:flex}.irtel-lightbox img{max-width:min(1400px,90vw);max-height:88vh;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center}.lightbox-close{right:24px;top:20px;width:48px;height:48px;font-size:36px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:54px;height:78px;font-size:54px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.45);padding:6px 12px;font-weight:800;letter-spacing:.08em}.lightbox-open{overflow:hidden}
.project-facts strong{overflow-wrap:anywhere}.project-facts>div:last-of-type strong{font-weight:650;line-height:1.45}.project-main-media{position:relative}.project-main-media:after{content:"PROJEKAT";position:absolute;left:18px;bottom:18px;background:var(--yellow);color:#111;padding:7px 10px;font-size:10px;font-weight:1000;letter-spacing:.12em}
@media(max-width:760px){.portfolio-grid .project-card{min-height:360px}.irtel-lightbox{padding:24px 12px}.lightbox-prev,.lightbox-next{width:42px;height:60px;font-size:42px}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-close{right:8px;top:8px}.project-card-meta span{font-size:9px}}


/* v1.5: service pages, counters, testimonials, slider, breadcrumbs, sticky CTA */
.site-header{transition:box-shadow .25s,background .25s}.site-header.is-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.08);background:rgba(255,255,255,.985)}
.breadcrumbs{font-size:12px;color:#777;padding:18px 0;border-bottom:1px solid var(--line)}.breadcrumbs a{font-weight:800;color:#333}.breadcrumbs span{margin:0 7px;color:#aaa}
.metrics-section{background:#111;color:#fff;padding:30px 0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:28px 24px;border-right:1px solid rgba(255,255,255,.13)}.metric:last-child{border-right:0}.metric strong{display:block;color:var(--yellow);font-size:clamp(38px,4vw,62px);line-height:1;font-weight:1000}.metric span{display:block;margin-top:8px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:#bbb;font-weight:800}
.project-slider-wrap{position:relative}.project-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,42%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.project-slider::-webkit-scrollbar{display:none}.project-slider .project-card{scroll-snap-align:start;min-height:470px}.slider-controls{display:flex;gap:8px;justify-content:flex-end;margin:0 0 16px}.slider-btn{width:46px;height:46px;border:1px solid #111;background:#fff;font-size:25px;cursor:pointer}.slider-btn:hover{background:var(--yellow);border-color:var(--yellow)}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{border:1px solid var(--line);padding:30px;background:#fff}.testimonial .quote{font-size:42px;color:var(--yellow);font-family:Georgia,serif;line-height:1}.testimonial p{font-size:17px;color:#555}.testimonial strong{display:block;text-transform:uppercase;font-size:13px}.testimonial small{color:#888}
.service-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-entry{border:1px solid var(--line);background:#fff;overflow:hidden}.service-entry img{width:100%;height:260px;object-fit:cover}.service-entry-body{padding:24px}.service-entry h2{font-size:28px;margin:0 0 10px;text-transform:uppercase}.service-entry p{color:#666}.service-entry .btn{margin-top:10px}
.service-single-hero{background:#111;color:#fff;padding:72px 0}.service-single-hero .kicker{color:var(--yellow)}.service-single-hero h1{font-size:clamp(48px,7vw,90px);line-height:.92;text-transform:uppercase;margin:10px 0 18px}.service-single-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}.service-aside{position:sticky;top:120px;border:1px solid var(--line);padding:26px}.service-aside h3{margin-top:0;text-transform:uppercase}.service-aside ul{padding-left:20px;color:#666}.service-aside .btn{width:100%;margin-top:16px}
.sticky-project-cta{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(130px);z-index:65;background:#111;color:#fff;display:flex;align-items:center;gap:24px;padding:12px 12px 12px 20px;box-shadow:0 14px 38px rgba(0,0,0,.24);transition:.35s}.sticky-project-cta.show{transform:translateX(-50%) translateY(0)}.sticky-project-cta strong{white-space:nowrap}.sticky-project-cta .btn{padding:11px 16px;background:var(--yellow);border-color:var(--yellow);color:#111}.sticky-project-cta button{border:0;background:transparent;color:#aaa;font-size:22px;cursor:pointer;padding:4px}
@media(max-width:980px){.metrics-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.testimonials,.service-archive-grid{grid-template-columns:1fr 1fr}.service-single-grid{grid-template-columns:1fr}.service-aside{position:static}.project-slider{grid-auto-columns:minmax(300px,70%)}}
@media(max-width:680px){.metrics-grid,.testimonials,.service-archive-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)!important}.metric:last-child{border-bottom:0!important}.project-slider{grid-auto-columns:88%}.sticky-project-cta{width:calc(100% - 24px);bottom:12px;gap:10px}.sticky-project-cta strong{font-size:12px}.sticky-project-cta .btn{font-size:10px;padding:10px 12px}.floating-contact{bottom:82px}}


/* IRTEL Architecture v1.6 */
.mobile-nav-panel{display:none}
.project-compare{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:16/9;background:#111;margin:28px 0}.project-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-compare .after{clip-path:inset(0 0 0 var(--split,50%))}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:#ffd300;transform:translateX(-1px);pointer-events:none}.compare-divider:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffd300;color:#111;font-weight:900}.project-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}
.project-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.timeline-step{border-top:3px solid #ffd300;padding:18px 0}.timeline-step b{font-size:14px;color:#777}.timeline-step h3{margin:8px 0 6px}
.service-faq{max-width:900px;margin:0 auto}.faq-item{border-bottom:1px solid #ddd}.faq-item button{width:100%;padding:22px 0;background:none;border:0;text-align:left;font:inherit;font-weight:800;font-size:18px;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-item .faq-answer{display:none;padding:0 0 20px;color:#555}.faq-item.open .faq-answer{display:block}.faq-item.open button span{transform:rotate(45deg)}
.quote-form{background:#111;color:#fff;padding:32px;border-radius:26px}.quote-form h2{margin-top:0}.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#1d1d1d;color:#fff;border:1px solid #3a3a3a;border-radius:12px;padding:15px}.quote-form textarea{min-height:150px}.quote-form select{appearance:auto}.quote-form .form-hint{color:#aaa}.quote-form .btn{border:0}
.fullscreen-portfolio{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.fullscreen-portfolio .project-card{grid-column:span 6;min-height:520px}.fullscreen-portfolio .project-card:nth-child(3n){grid-column:span 12;min-height:620px}.fullscreen-portfolio .project-card img{height:100%}
.premium-footer{border-top:1px solid #2b2b2b}.footer-cta{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:54px 0;border-bottom:1px solid #2b2b2b}.footer-cta h2{font-size:clamp(34px,5vw,68px);line-height:.95;margin:0;text-transform:uppercase}.footer-cta p{max-width:520px;color:#aaa}.footer-socials{display:flex;gap:12px;flex-wrap:wrap}.footer-socials a{border:1px solid #444;border-radius:999px;padding:9px 14px;color:#fff;text-decoration:none}
@media(max-width:900px){.project-timeline{grid-template-columns:1fr 1fr}.fullscreen-portfolio .project-card,.fullscreen-portfolio .project-card:nth-child(3n){grid-column:span 12;min-height:430px}.footer-cta{align-items:flex-start;flex-direction:column}.primary-nav.open{max-height:calc(100vh - 78px);overflow:auto;padding-bottom:22px}.primary-nav.open ul{gap:0}.primary-nav.open li{border-bottom:1px solid rgba(255,255,255,.08)}.primary-nav.open a{display:block;padding:16px 6px;font-size:18px}.header-cta{display:none}}
@media(max-width:600px){.project-timeline{grid-template-columns:1fr}.fullscreen-portfolio .project-card,.fullscreen-portfolio .project-card:nth-child(3n){min-height:340px}.quote-form{padding:22px}.project-compare{border-radius:16px}}

/* IRTEL Architecture v2.0 */
.cinematic-media{overflow:hidden;isolation:isolate;background-image:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.02)),url('assets/images/hero-building.png');background-size:cover;background-position:center;transform:scale(1.015) translate(calc(var(--hero-x,0)*-10px),calc(var(--hero-y,0)*-8px));transition:transform .35s ease-out}.cinematic-media:before{content:"";position:absolute;inset:-5%;z-index:1;background:radial-gradient(circle at 72% 32%,rgba(247,189,0,.20),transparent 25%),linear-gradient(105deg,rgba(255,255,255,.35),transparent 44%);pointer-events:none}.cinematic-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:irtelCinematic 18s ease-in-out infinite alternate}.cinematic-media:not(:has(video)){animation:irtelCinematicBg 18s ease-in-out infinite alternate}.hero-grid-overlay{position:absolute;inset:0;z-index:2;opacity:.24;background-image:linear-gradient(rgba(0,0,0,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.14) 1px,transparent 1px);background-size:70px 70px;mix-blend-mode:multiply;pointer-events:none}@keyframes irtelCinematic{from{transform:scale(1.03)}to{transform:scale(1.10) translate3d(-1.4%,.8%,0)}}@keyframes irtelCinematicBg{from{background-size:103% auto}to{background-size:110% auto}}
.project-anchor-nav{position:sticky;top:92px;z-index:42;background:rgba(17,17,17,.96);backdrop-filter:blur(10px);border-bottom:1px solid #2a2a2a}.project-anchor-nav .container{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.project-anchor-nav .container::-webkit-scrollbar{display:none}.project-anchor-nav a{color:#aaa;padding:15px 16px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-bottom:3px solid transparent}.project-anchor-nav a:hover,.project-anchor-nav a.active{color:#fff;border-bottom-color:var(--yellow)}#pregled,#prije-poslije,#proces,#galerija,#informacije{scroll-margin-top:165px}
.multi-step-form{position:relative;overflow:hidden}.quote-progress{display:flex;align-items:center;margin:0 0 30px}.quote-progress span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #555;color:#aaa;font-size:12px;font-weight:900;transition:.25s}.quote-progress span.active{background:var(--yellow);border-color:var(--yellow);color:#111}.quote-progress i{height:1px;flex:1;background:#444}.quote-step{display:none;animation:irtelStepIn .28s ease}.quote-step.active{display:block}.quote-step h2{font-size:clamp(28px,4vw,46px);text-transform:uppercase;margin:8px 0 10px}.quote-nav{display:flex;gap:12px;justify-content:space-between;margin-top:22px}.quote-nav .btn{width:auto}.form-consent{display:flex;gap:10px;align-items:flex-start;color:#ddd;font-size:13px}.form-consent input{width:auto;margin-top:4px}.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}@keyframes irtelStepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.project-anchor-nav{top:76px}.project-anchor-nav a{padding:13px 12px}.quote-nav{flex-direction:column-reverse}.quote-nav .btn{width:100%}#pregled,#prije-poslije,#proces,#galerija,#informacije{scroll-margin-top:145px}}
@media(prefers-reduced-motion:reduce){.cinematic-media,.cinematic-media video{animation:none!important;transform:none!important}.quote-step{animation:none}}


/* IRTEL 2.0 final polish */
.case-study-block{margin:52px 0;padding:34px;background:#111;color:#fff;border-radius:18px}.case-study-block h2{margin:.35rem 0 1.3rem}.case-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.case-study-grid>div{background:#111;padding:24px}.case-study-grid span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--yellow,#dd9933);color:#111;font-weight:800}.case-study-grid h3{margin:14px 0 8px}.case-study-grid p{margin:0;color:#d5d5d5;line-height:1.7}.project-video{margin:46px 0}.project-video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px}.file-upload{display:block;padding:18px;border:1px dashed #bbb;border-radius:12px;background:#fafafa}.file-upload strong,.file-upload span{display:block}.file-upload span{font-size:.86rem;color:#777;margin:4px 0 10px}.file-upload input{width:100%}.project-facts .btn{width:100%;margin-top:12px;text-align:center}.irtel-v20 :focus-visible{outline:3px solid #111;outline-offset:3px}.irtel-v20 .btn:focus-visible{outline-color:var(--yellow,#dd9933)}
@media(max-width:760px){.case-study-block{padding:24px 18px}.case-study-grid{grid-template-columns:1fr}.project-video{margin:32px 0}}

/* IRTEL Architecture v2.1 — Professional visual system */
:root{
  --yellow:#dd9933;
  --yellow-hover:#e3af00;
  --black:#0c0d0f;
  --ink:#181a1d;
  --muted:#676b70;
  --line:#e4e6e8;
  --paper:#ffffff;
  --soft:#f5f6f7;
  --radius:8px;
  --radius-lg:14px;
  --shadow:0 14px 34px rgba(12,13,15,.08);
  --shadow-lg:0 24px 70px rgba(12,13,15,.13);
  --container:1240px;
  --font-sans:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{font-size:16px}
body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:var(--font-sans)}
h1,h2,h3,h4,h5,h6,.brand-text,.btn,.primary-nav a,.kicker,.eyebrow{font-family:var(--font-sans);font-style:normal}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:800;letter-spacing:-.028em;text-wrap:balance}
p{margin-top:0}
.container{width:min(var(--container),calc(100% - 48px))}
.section{padding:104px 0}.section-soft{background:#f6f7f8}

.site-header{background:rgba(255,255,255,.985);border-bottom:1px solid rgba(12,13,15,.08);box-shadow:0 1px 0 rgba(12,13,15,.02)}
.header-inner{height:88px;gap:32px}
.brand{gap:13px;letter-spacing:0}.brand-mark{width:44px;height:44px;background:var(--yellow);font-size:18px}.brand-text{font-size:26px;font-weight:900;letter-spacing:.045em}.brand-sub{font-size:9px;letter-spacing:.32em;margin-top:6px}
.primary-nav ul{gap:30px}.primary-nav a{font-size:12px;font-weight:800;letter-spacing:.095em;padding:12px 0}.primary-nav a:after{height:3px;bottom:1px}
.header-cta{border-radius:6px;overflow:hidden;font-size:12px;box-shadow:0 8px 22px rgba(246,191,0,.16)}.header-cta span:first-child{padding:15px 17px}.header-cta span:last-child{padding:15px 20px}

.hero{background:linear-gradient(90deg,#fff 0 46%,#f3f4f5 46% 100%)}
.hero-grid{min-height:690px;grid-template-columns:44% 56%}
.hero-copy{padding:96px 44px 104px 0}
.eyebrow{font-size:11px;letter-spacing:.24em;color:#51555a;gap:14px}.eyebrow:after{width:110px;background:#b9bdc1}
.hero h1{font-family:var(--font-sans);font-size:clamp(54px,5.4vw,86px);line-height:.94;margin:26px 0 24px;font-weight:900;letter-spacing:-.055em}
.hero h1 em{font-family:var(--font-sans);font-style:normal;text-transform:uppercase;font-weight:900;color:var(--yellow);font-size:.82em;letter-spacing:-.04em;margin-top:8px}
.hero p{font-size:18px;line-height:1.65;color:#53575c;max-width:540px;margin-bottom:32px}
.btn{min-height:50px;padding:14px 20px;border-radius:6px;font-size:12px;font-weight:850;letter-spacing:.075em;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px)}.btn-primary:hover{background:var(--yellow-hover);border-color:var(--yellow-hover)}.btn-dark:hover{background:#26282b}.btn-light:hover{background:#f7f7f7}
.hero-visual{padding-top:28px}.building-card{min-height:650px;border-left:0;border-radius:0 0 0 14px;box-shadow:var(--shadow-lg)}
.hero-badge{width:158px;height:158px;right:4%;top:31%;border-width:3px;font-size:11px;letter-spacing:.13em;box-shadow:0 18px 46px rgba(0,0,0,.22)}
.hero-strip{left:-8%;right:0;bottom:28px;padding:20px 22px;border-radius:8px 0 0 8px;box-shadow:0 18px 50px rgba(12,13,15,.15)}.hero-strip div{font-size:11px;letter-spacing:.035em}.hero-strip b{font-size:23px}
.hero-grid-overlay{opacity:.13;background-size:72px 72px}

.trust-strip{border:1px solid var(--line);border-top:0;background:#fff;box-shadow:0 10px 30px rgba(12,13,15,.035)}
.trust-strip>div{padding:20px 24px}.trust-strip strong{font-size:13px;letter-spacing:.04em}.trust-strip span{font-size:12px;color:var(--muted)}
.metrics-section{background:var(--black)}.metric{padding:34px 28px}.metric strong{font-family:var(--font-sans);font-size:40px;letter-spacing:-.04em;color:var(--yellow)}.metric span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c2c5c8}

.section-title{align-items:flex-end;margin-bottom:42px;gap:48px}.kicker{font-size:11px;letter-spacing:.18em;color:#767b80}.section-title h2,.about-copy h2,.page-hero h1,.cta-band h2,.footer-cta h2,.service-hero h1{font-family:var(--font-sans);font-weight:900;letter-spacing:-.045em}.section-title h2{font-size:clamp(38px,4vw,56px);line-height:1.02;margin-top:9px}.section-title p{font-size:15px;line-height:1.75;color:var(--muted)}

.services-grid{gap:16px}.service-card{min-height:330px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 8px 24px rgba(12,13,15,.035)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-thumb{height:150px;background:#eef0f1}.service-thumb img{filter:saturate(.86) contrast(1.02)}.service-body{padding:22px 20px 20px;gap:9px}.service-icon{width:38px;height:38px;border-radius:6px;background:#fff5c9;border:1px solid #f5dc72;color:#111;display:grid;place-items:center;font-size:18px}.service-card h3{font-size:18px;line-height:1.2;font-weight:850;letter-spacing:-.02em}.service-card p{font-size:13px;line-height:1.65;color:var(--muted)}.service-link{font-size:11px;letter-spacing:.07em}.arrow-box{width:32px;height:32px;border-radius:4px}

.about-grid{gap:72px}.about-visual{min-height:540px;border-radius:var(--radius-lg);overflow:visible;box-shadow:var(--shadow)}.about-stat{right:-20px;bottom:30px;padding:22px 26px;border-radius:6px;box-shadow:0 12px 30px rgba(246,191,0,.25);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.about-stat strong{font-size:38px;letter-spacing:-.04em}.about-copy h2{font-size:clamp(40px,4.5vw,60px);line-height:1}.about-copy p{font-size:16px;line-height:1.75}.check{font-size:14px}.check:before{background:var(--yellow);color:#111;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:12px}

.project-card{border-radius:var(--radius-lg);background:#e9ebed;box-shadow:0 10px 28px rgba(12,13,15,.055)}.project-card img{filter:saturate(.88) contrast(1.03)}.project-card:hover img{transform:scale(1.035)}.project-overlay{padding:110px 26px 26px;background:linear-gradient(180deg,transparent 0%,rgba(7,8,9,.18) 25%,rgba(7,8,9,.92) 100%)}.project-overlay small{font-size:10px;letter-spacing:.16em}.project-overlay h3{font-size:26px;line-height:1.08;font-weight:800;letter-spacing:-.025em}.slider-btn{border-radius:6px}

.why-grid{gap:16px}.why-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff}.why-card h3{font-size:18px}.why-card p{font-size:14px;line-height:1.7;color:var(--muted)}.why-no,.principle-no{font-size:11px;font-weight:900;letter-spacing:.08em;color:#111;background:var(--yellow);display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;padding:0 8px;border-radius:4px}
.partner-wall{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.partner-logo{background:#fff;min-height:112px;padding:24px;text-align:left;font-size:17px;letter-spacing:.04em;display:flex;flex-direction:column;justify-content:center}.partner-logo span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a8e92;margin-top:5px}.client-types .partner-logo:before{content:"";width:28px;height:3px;background:var(--yellow);margin-bottom:14px}
.testimonials{gap:16px}.testimonial{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:0 8px 24px rgba(12,13,15,.03)}.testimonial h3{margin:16px 0 10px;font-size:20px}.testimonial p{font-size:14px;color:var(--muted);line-height:1.75}.testimonial strong{display:block;margin-top:18px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#3b3e42}.principles-grid .quote{display:none}

.process{gap:16px}.process-step{padding:28px 24px;border-left:0;border-top:4px solid var(--yellow);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 22px rgba(12,13,15,.035)}.process-step span{font-size:42px;color:#e3e5e7;font-weight:900}.process-step h3{font-size:17px;font-weight:850}.process-step p{font-size:14px;line-height:1.7;color:var(--muted)}
.cta-band .container{padding-block:64px}.cta-band h2{font-size:clamp(34px,4vw,52px);line-height:1.02}.cta-band .btn{box-shadow:0 10px 28px rgba(246,191,0,.17)}

.contact-grid{gap:64px}.contact-grid>div:first-child h2{font-family:var(--font-sans)!important;font-size:clamp(36px,4vw,52px)!important;font-weight:900;letter-spacing:-.04em!important;line-height:1.04!important}.contact-item{grid-template-columns:42px 1fr}.contact-icon{width:42px;height:42px;border-radius:6px;font-size:16px}.contact-item strong{font-size:12px;text-transform:uppercase;letter-spacing:.07em}.contact-form{border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow);border-color:#e1e3e5}.contact-form input,.contact-form select,.contact-form textarea,.quote-form input,.quote-form select,.quote-form textarea{border-radius:6px;min-height:48px;border:1px solid #d9dcdf;padding:13px 14px;font-size:14px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#b58a00;box-shadow:0 0 0 3px rgba(246,191,0,.14)}.map-embed{border-radius:var(--radius-lg);overflow:hidden;margin-top:20px}.form-hint{font-size:12px;color:#7b7f84;line-height:1.55}

.page-hero{padding:90px 0;background:linear-gradient(115deg,#0d0e10 0 70%,var(--yellow) 70%);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(48px,6vw,72px);line-height:.95}.page-hero p{max-width:650px;color:#d1d3d5;font-size:17px}.page-hero .kicker{color:var(--yellow)}
.content-wrap{padding:90px 0}.entry-content{font-size:16px;line-height:1.8}.entry-content h2{font-size:clamp(30px,3vw,42px)}.entry-content h3{font-size:24px}
.rounded-media{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow)}

.site-footer{background:#0a0b0c}.footer-title{font-size:17px;font-weight:800;letter-spacing:-.015em}.site-footer p,.site-footer li{font-size:13px;line-height:1.7}.footer-socials a{border-radius:6px;font-size:12px}.footer-bottom{font-size:12px}
.final-cta{background:var(--yellow)}.final-cta-inner h2{font-family:var(--font-sans);font-weight:900;letter-spacing:-.04em}

/* keep all demo graphics visually consistent */
.service-thumb img,.project-card img,.about-visual,.rounded-media,.service-detail-media img,.service-entry img,.gallery-item img{background:#eceeef}
.service-detail-media,.service-entry,.project-compare,.case-study-block,.quote-form{border-radius:var(--radius-lg)}
.service-detail h2,.service-entry h2,.case-study-block h2,.quote-form h2{font-family:var(--font-sans);font-weight:850;letter-spacing:-.03em}

@media(max-width:1100px){.container{width:min(var(--container),calc(100% - 36px))}.section{padding:84px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:72px 0 48px;max-width:760px}.hero-visual{min-height:560px}.building-card{min-height:560px;border-radius:14px}.hero-strip{left:18px;right:18px;border-radius:8px}.services-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.header-inner{height:74px}.brand-text{font-size:22px}.brand-mark{width:38px;height:38px}.hero-grid{min-height:auto}.hero-copy{padding:54px 0 38px}.hero h1{font-size:clamp(44px,13vw,64px)}.hero p{font-size:16px}.hero-visual{min-height:430px}.building-card{min-height:430px}.hero-badge{width:118px;height:118px;font-size:8px;right:18px;top:22%}.hero-strip{grid-template-columns:1fr;left:14px;right:14px;bottom:14px;padding:10px 16px}.hero-strip div{justify-content:flex-start;padding:7px 0;border-right:0;border-bottom:1px solid #ececec}.hero-strip div:last-child{border-bottom:0}.section{padding:68px 0}.section-title{align-items:flex-start;gap:16px;margin-bottom:30px}.section-title h2{font-size:36px}.services-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-thumb{height:190px}.about-grid{gap:40px}.about-visual{min-height:380px}.about-stat{right:12px;bottom:12px}.project-card,.project-card:nth-child(1),.project-card:nth-child(2){min-height:360px}.contact-grid{gap:40px}.contact-form{padding:22px}.field-grid{grid-template-columns:1fr}.page-hero{padding:64px 0;background:linear-gradient(135deg,#0d0e10 0 82%,var(--yellow) 82%)}.content-wrap{padding:64px 0}.cta-band .container{padding-block:48px}}
@media(prefers-reduced-motion:reduce){.btn,.service-card,.project-card img{transition:none!important}}

/* IRTEL v2.2 Premium editorial system */
:root{--premium-max:1240px;--premium-space:clamp(72px,8vw,118px)}
.premium-page-hero{background:#0b0c0e;color:#fff;overflow:hidden;position:relative}.premium-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;opacity:.55}.premium-hero-inner{min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:72px;align-items:center;position:relative;z-index:1}.premium-hero-copy{padding:92px 0}.premium-hero-copy h1{font-size:clamp(54px,6.2vw,92px);line-height:.91;letter-spacing:-.065em;margin:16px 0 28px;max-width:920px;font-weight:900}.premium-hero-copy h1 span{color:var(--yellow)}.premium-hero-copy>p{font-size:18px;line-height:1.75;max-width:690px;color:#bec2c6;margin:0}.premium-hero-media{height:100%;min-height:560px;position:relative}.premium-hero-media:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:5px;background:var(--yellow);z-index:2}.premium-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05)}
.premium-intro,.premium-expertise,.portfolio-intro{padding-block:var(--premium-space)}.premium-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,8vw,120px);align-items:start}.premium-split h2{font-size:clamp(40px,4.7vw,68px);line-height:.98;letter-spacing:-.05em;margin:12px 0 0;max-width:650px}.premium-copy{max-width:720px}.premium-copy .lead{font-size:22px;line-height:1.55;color:#202326;margin:0 0 22px}.premium-copy p:not(.lead){color:#6a6f73;line-height:1.85;margin:0}
.section-dark{background:#0d0f11;color:#fff}.section-title.light h2{color:#fff}.section-title.light p{color:#aeb3b7}.premium-principles{padding-block:var(--premium-space)}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #33373b;border-left:1px solid #33373b}.principle-grid article{padding:34px 28px 42px;border-right:1px solid #33373b;border-bottom:1px solid #33373b;min-height:280px}.principle-grid span,.sector-grid span{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.18em}.principle-grid h3,.sector-grid h3{font-size:25px;letter-spacing:-.03em;margin:64px 0 12px}.principle-grid p,.sector-grid p{color:#aeb3b7;line-height:1.7;font-size:14px;margin:0}
.premium-media-stack{position:relative;min-height:620px}.premium-media-stack img{width:100%;height:620px;object-fit:cover;filter:saturate(.65)}.media-caption{position:absolute;left:0;bottom:0;background:var(--yellow);padding:16px 22px;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.13em}.premium-list{margin-top:34px;border-top:1px solid var(--line)}.premium-list>div{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.premium-list b{color:#b7bbbf;font-size:12px;padding-top:4px}.premium-list strong{display:block;font-size:18px}.premium-list small{display:block;color:#777;margin-top:6px;line-height:1.55;font-size:14px}.premium-quote{background:var(--yellow);padding:70px 0}.premium-quote p{font-size:clamp(28px,3.5vw,48px);font-weight:850;letter-spacing:-.04em;line-height:1.15;max-width:980px;margin:0}
.service-premium-hero .premium-hero-inner,.references-hero .premium-hero-inner,.news-hero .premium-hero-inner,.process-hero .premium-hero-inner{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)}.service-hero-index{align-self:end;padding:0 0 92px;border-left:1px solid #373a3e;padding-left:38px}.service-hero-index span{font-size:46px;font-weight:900;color:var(--yellow);letter-spacing:-.05em}.service-hero-index p{color:#9fa4a8;line-height:1.65;font-size:14px;margin-top:18px}.services-premium{padding-block:var(--premium-space)}.premium-service-row{display:grid;grid-template-columns:90px minmax(280px,.82fr) minmax(0,1fr);gap:clamp(26px,5vw,70px);align-items:center;padding:42px 0;border-top:1px solid var(--line)}.premium-service-row:last-child{border-bottom:1px solid var(--line)}.premium-service-no{font-size:13px;font-weight:900;color:#969b9f;align-self:start;padding-top:7px}.premium-service-media{height:330px;overflow:hidden}.premium-service-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.04);transition:.5s ease}.premium-service-row:hover .premium-service-media img{transform:scale(1.025);filter:saturate(.75)}.premium-service-copy h2{font-size:clamp(34px,3.5vw,51px);line-height:1;letter-spacing:-.045em;margin:0 0 18px}.premium-service-copy>p{color:#656a6e;line-height:1.75;max-width:640px}.premium-service-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.premium-service-copy li{font-size:13px;font-weight:750;border-top:1px solid #e6e7e8;padding-top:10px}.premium-service-copy li:before{content:"+";color:var(--yellow);font-weight:1000;margin-right:8px}.service-process{padding-block:var(--premium-space)}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfd2d4}.process-line>div{padding:30px 28px 10px 0;position:relative}.process-line>div:before{content:"";position:absolute;width:10px;height:10px;background:var(--yellow);border:4px solid #fff;box-shadow:0 0 0 1px #cfd2d4;border-radius:50%;top:-9px;left:0}.process-line span{font-size:11px;color:#999;font-weight:900}.process-line h3{font-size:21px;margin:20px 0 8px}.process-line p{color:#777;line-height:1.55;font-size:14px}
.portfolio-featured{padding-top:0;padding-bottom:var(--premium-space)}.premium-portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.premium-project{position:relative;min-height:500px;overflow:hidden;background:#111}.premium-project-large{grid-column:1/-1;min-height:720px}.premium-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.52) brightness(.84);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.premium-project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78))}.premium-project:hover img{transform:scale(1.025);filter:saturate(.7) brightness(.9)}.premium-project-meta{position:absolute;left:32px;right:32px;bottom:30px;color:#fff;z-index:2}.premium-project-meta small{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#d5d8da}.premium-project-meta h3{font-size:clamp(30px,3vw,47px);line-height:1;margin:8px 0 20px;letter-spacing:-.04em}.premium-project-meta span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--yellow)}.sectors{padding-block:var(--premium-space)}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#303438}.sector-grid>div{background:#0d0f11;padding:30px;min-height:270px}.sector-grid h3{margin-top:52px}.light-grid{background:#d7dadd}.light-grid>div{background:#fff}.light-grid h3{color:#151719}.light-grid p{color:#72777b}
.news-editorial{padding-block:var(--premium-space)}.news-premium-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.news-premium-card{border-top:1px solid var(--line);padding-top:16px}.news-premium-card.news-featured{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr;gap:50px;border-top:0;padding:0 0 64px;margin-bottom:28px;border-bottom:1px solid var(--line)}.news-premium-media{display:block;height:360px;overflow:hidden;background:#e9eaeb}.news-featured .news-premium-media{height:560px}.news-premium-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:.5s}.news-premium-card:hover .news-premium-media img{transform:scale(1.02);filter:saturate(.7)}.news-premium-body{padding:24px 0 42px}.news-featured .news-premium-body{padding-top:40px;align-self:center}.news-meta{display:flex;gap:20px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:#8d9296}.news-premium-body h2{font-size:clamp(28px,3vw,44px);line-height:1.04;letter-spacing:-.04em;margin:14px 0}.news-featured .news-premium-body h2{font-size:clamp(40px,4vw,60px)}.news-premium-body p{color:#72777b;line-height:1.7}.editorial-topics{padding-block:var(--premium-space)}.navigation.pagination{margin-top:50px}.nav-links{display:flex;gap:8px}.page-numbers{padding:10px 14px;border:1px solid var(--line);font-weight:800}.page-numbers.current{background:#111;color:#fff;border-color:#111}
.process-premium-list{max-width:1050px;margin-left:auto}.process-premium-list article{display:grid;grid-template-columns:90px .72fr 1fr;gap:40px;padding:48px 0;border-top:1px solid var(--line);align-items:start}.process-premium-list article:last-child{border-bottom:1px solid var(--line)}.process-premium-list span{font-size:12px;color:#9aa0a4;font-weight:900}.process-premium-list h2{font-size:32px;letter-spacing:-.035em;margin:0}.process-premium-list p{color:#6f7478;line-height:1.75;margin:0}
.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band .kicker{color:#151719;margin-bottom:8px}.cta-band h2{margin:0}
@media(max-width:980px){.premium-hero-inner,.service-premium-hero .premium-hero-inner,.references-hero .premium-hero-inner,.news-hero .premium-hero-inner,.process-hero .premium-hero-inner{grid-template-columns:1fr}.premium-hero-inner{min-height:auto;gap:0}.premium-hero-copy{padding:76px 0}.premium-hero-media{min-height:480px}.service-hero-index{padding:0 0 60px 0;border-left:0;border-top:1px solid #373a3e;padding-top:26px}.premium-split{grid-template-columns:1fr;gap:36px}.principle-grid,.sector-grid{grid-template-columns:1fr 1fr}.premium-service-row{grid-template-columns:56px 1fr}.premium-service-media{grid-column:2}.premium-service-copy{grid-column:2}.process-line{grid-template-columns:1fr 1fr;gap:22px 0}.premium-project-large{min-height:580px}.news-premium-card.news-featured{grid-template-columns:1fr;gap:0}.news-featured .news-premium-media{height:480px}.process-premium-list article{grid-template-columns:60px 1fr}.process-premium-list p{grid-column:2}}
@media(max-width:640px){.premium-hero-copy h1{font-size:clamp(46px,14vw,66px)}.premium-hero-copy>p{font-size:16px}.premium-hero-media{min-height:360px}.principle-grid,.sector-grid,.premium-portfolio-grid,.news-premium-grid{grid-template-columns:1fr}.principle-grid article{min-height:220px}.premium-media-stack,.premium-media-stack img{min-height:0;height:430px}.premium-service-row{grid-template-columns:1fr;gap:18px;padding:32px 0}.premium-service-no,.premium-service-media,.premium-service-copy{grid-column:1}.premium-service-media{height:250px}.premium-service-copy ul{grid-template-columns:1fr}.process-line{grid-template-columns:1fr}.premium-project,.premium-project-large{grid-column:auto;min-height:430px}.premium-project-meta{left:22px;right:22px;bottom:22px}.news-premium-card.news-featured{grid-column:auto;padding-bottom:36px}.news-featured .news-premium-media,.news-premium-media{height:300px}.process-premium-list article{grid-template-columns:44px 1fr;gap:16px}.process-premium-list h2{font-size:26px}.cta-band .container{align-items:flex-start;flex-direction:column}}

/* v2.3 Professional navigation — clear desktop dropdowns and readable mobile hierarchy */
.primary-nav{overflow:visible}.primary-nav>ul>li{position:relative}.primary-nav .sub-menu{position:absolute;top:100%;left:-18px;z-index:100;display:block;min-width:280px;padding:10px;background:#fff;border:1px solid #e7e7e7;box-shadow:0 18px 45px rgba(0,0,0,.11);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.primary-nav .sub-menu li{width:100%}.primary-nav .sub-menu a{display:block;padding:12px 14px;font-size:11px;letter-spacing:.07em;line-height:1.35;border-radius:4px}.primary-nav .sub-menu a:after{display:none}.primary-nav .sub-menu a:hover{background:#f4f4f2;color:#111}.primary-nav .menu-item-has-children>a{padding-right:14px}.primary-nav .menu-item-has-children>a:before{content:"+";position:absolute;right:0;top:50%;transform:translateY(-51%);font-size:12px;font-weight:700;color:#8b8f92}
@media(max-width:760px){.primary-nav .sub-menu{position:static;min-width:0;width:100%;padding:0 0 8px 14px;border:0;border-left:2px solid var(--yellow);box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent}.primary-nav .sub-menu li{border-bottom:0!important}.primary-nav .sub-menu a{padding:9px 8px!important;font-size:13px!important;color:#666}.primary-nav .menu-item-has-children>a:before{content:""}.primary-nav.open>ul>li>a{font-size:16px!important;font-weight:850}.primary-nav.open>ul>li{width:100%}}

/* v2.4 editable page content */
.premium-page-copy{padding:72px 0 20px}
.premium-copy-block{max-width:920px}
.entry-content h2{margin:0 0 18px;font-size:clamp(28px,3vw,44px);line-height:1.12;letter-spacing:-.025em}
.entry-content h2:not(:first-child){margin-top:48px}
.entry-content h3{margin:30px 0 10px;font-size:22px;line-height:1.25}
.entry-content p,.entry-content li{font-size:17px;color:var(--muted)}
.entry-content ul{padding-left:22px}
@media(max-width:760px){.premium-page-copy{padding:44px 0 10px}.entry-content p,.entry-content li{font-size:16px}}


/* v2.5 — official IRTEL identity; no placeholder/splash logo */
.site-branding{display:flex;align-items:center;flex:0 0 auto}
.brand-logo{display:flex;align-items:center;line-height:0}
.site-logo-header{width:auto;height:61px;max-width:220px;object-fit:contain}
.custom-logo-wrap{line-height:0}.custom-logo-wrap .custom-logo-link{display:block;line-height:0}.custom-logo-wrap .custom-logo{width:auto;height:61px;max-width:220px;object-fit:contain}
.site-logo-footer{width:auto;height:118px;max-width:245px;object-fit:contain;object-position:left center}
.footer-logo-link{display:inline-block;line-height:0;margin-bottom:18px}
/* Legacy placeholder mark intentionally disabled after official logo was supplied. */
.brand-mark,.site-loader,.preloader,.splash-screen,.intro-logo-screen{display:none!important}
@media(max-width:760px){.site-logo-header,.custom-logo-wrap .custom-logo{height:50px;max-width:174px}.site-logo-footer{height:96px;max-width:210px}}


/* Elementor compatibility layer */
.irtel-elementor-content{width:100%;min-height:1px}
.irtel-elementor-full-width{width:100%;max-width:none;margin:0;padding:0}
body.elementor-page .irtel-elementor-content .elementor{width:100%}

/* v3.0 exact Elementor host: preserve the original v2.8 geometry. */
.irtel-exact-host.elementor-section{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
.irtel-exact-host>.elementor-container{max-width:none!important;width:100%!important}
.irtel-exact-host .elementor-column-gap-default>.elementor-column>.elementor-element-populated,
.irtel-exact-host .elementor-widget-wrap,
.irtel-exact-host .elementor-widget-container{padding:0!important;margin:0!important}
.irtel-exact-elementor{width:100%;overflow:hidden}

/* =========================================================
   v3.1 RESPONSIVE — preserves desktop design, improves tablet/mobile
   Desktop >= 1181px intentionally remains unchanged.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}

@media (max-width:1180px){
  .container{width:min(var(--container),calc(100% - 48px))}
  .header-inner{gap:18px}
  .primary-nav ul{gap:18px}
  .primary-nav a{font-size:11px;letter-spacing:.06em}
  .header-cta span:first-child{padding:14px 15px}
  .header-cta span:last-child{padding:14px 18px}
  .site-logo-header,.custom-logo-wrap .custom-logo{max-width:150px}
  .hero-copy{padding-left:0}
  .hero-visual{width:100%}
  .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet / Elementor canvas width. Switch navigation before it becomes cramped. */
@media (max-width:960px){
  .container{width:min(var(--container),calc(100% - 36px))}
  .header-inner{height:80px;position:relative}
  .site-logo-header,.custom-logo-wrap .custom-logo{height:52px;max-width:170px;width:auto}
  .header-cta{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:44px;border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;cursor:pointer}
  .primary-nav{display:none;position:absolute;left:-18px;right:-18px;top:80px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;box-shadow:0 18px 35px rgba(0,0,0,.08);padding:12px 18px 18px;z-index:999}
  .primary-nav.open{display:block;max-height:calc(100vh - 80px);overflow-y:auto}
  .primary-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .primary-nav li{width:100%;border-bottom:1px solid #efefef}
  .primary-nav li:last-child{border-bottom:0}
  .primary-nav a{display:block;padding:14px 4px;font-size:13px;letter-spacing:.08em}
  .primary-nav a:after{display:none}
  .primary-nav .sub-menu{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;border-left:2px solid var(--yellow)!important;margin:0 0 8px 8px!important;padding:0 0 0 12px!important;min-width:0!important}

  .hero-grid{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:62px 0 34px;max-width:760px}
  .hero h1{font-size:clamp(56px,10vw,82px)}
  .hero-visual{min-height:540px;padding-top:0}
  .building-card{min-height:540px;border-left:0}
  .hero-strip{left:4%;right:4%;bottom:20px}
  .hero-badge{width:150px;height:150px;right:5%;top:18%;font-size:10px}

  .section{padding:72px 0}
  .section-title{gap:28px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:44px}
  .about-visual{min-height:480px}
  .projects-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-card:nth-child(1){grid-column:1/-1}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .cta-band .container,.final-cta-inner{grid-template-columns:1fr}

  .premium-hero-inner,.service-premium-hero .premium-hero-inner,.references-hero .premium-hero-inner,.news-hero .premium-hero-inner,.process-hero .premium-hero-inner{grid-template-columns:1fr}
  .premium-hero-media{min-height:440px}
  .premium-service-row{grid-template-columns:54px 1fr}
  .premium-service-media,.premium-service-copy{grid-column:2}
  .news-premium-card.news-featured{grid-template-columns:1fr;gap:0}
}

@media (max-width:680px){
  .container{width:calc(100% - 28px)}
  .header-inner{height:72px;gap:12px}
  .site-logo-header,.custom-logo-wrap .custom-logo{height:46px;max-width:148px}
  .menu-toggle{min-width:72px;min-height:40px;padding:9px 11px}
  .primary-nav{top:72px;left:-14px;right:-14px;max-height:calc(100vh - 72px)}

  .hero{background:#fff}
  .hero-copy{padding:42px 0 26px}
  .eyebrow{font-size:9px;letter-spacing:.22em;gap:10px}.eyebrow:after{width:70px}
  .hero h1{font-size:clamp(44px,15vw,64px);line-height:.9;margin:20px 0 16px}
  .hero p{font-size:16px;line-height:1.7;margin-bottom:24px}
  .btn-row{gap:10px}
  .btn{width:100%;min-height:48px;padding:14px 16px;font-size:11px}
  .hero-visual{min-height:390px;margin-inline:-14px;width:calc(100% + 28px)}
  .building-card{min-height:390px}
  .hero-badge{width:104px;height:104px;border-width:3px;right:16px;top:22px;font-size:7px;letter-spacing:.11em}
  .hero-visual:after{top:18px;left:18px;font-size:8px;padding:7px 9px}
  .hero-strip{position:relative;left:auto;right:auto;bottom:auto;margin:-68px 12px 14px;padding:8px 14px;grid-template-columns:1fr;gap:0}
  .hero-strip div{justify-content:flex-start;border-right:0;border-bottom:1px solid #eee;padding:8px 0;font-size:10px}.hero-strip div:last-child{border-bottom:0}.hero-strip b{font-size:20px}

  .section{padding:56px 0}
  .section-title{display:block;margin-bottom:26px}.section-title h2{font-size:clamp(34px,11vw,44px)}.section-title p{margin-top:14px;font-size:15px}
  .services-grid,.projects-grid,.archive-grid,.process,.why-grid,.partner-wall,.project-gallery,.check-grid,.field-grid,.footer-top{grid-template-columns:1fr}
  .service-thumb{height:210px}
  .project-card,.project-card:nth-child(1),.project-card:nth-child(2){grid-column:auto;min-height:340px}
  .about-visual{min-height:360px}
  .about-stat{right:10px;bottom:10px;padding:18px 20px}.about-stat strong{font-size:36px}
  .contact-form{padding:20px}
  .page-hero{padding:52px 0}.page-hero h1{font-size:clamp(38px,12vw,54px)}
  .content-wrap{padding:52px 0}
  .entry-content{width:100%;max-width:100%}.entry-content img{max-width:100%;height:auto}
  .footer-bottom{flex-direction:column;gap:12px;align-items:flex-start}
  .floating-contact{right:10px;bottom:10px}.floating-contact a{width:46px;height:46px}

  .premium-hero-copy{padding:54px 0 34px}.premium-hero-copy h1{font-size:clamp(42px,14vw,62px)}.premium-hero-copy>p{font-size:15px}
  .premium-hero-media{min-height:330px}
  .premium-service-row{grid-template-columns:1fr;gap:16px;padding:28px 0}.premium-service-no,.premium-service-media,.premium-service-copy{grid-column:1}.premium-service-media{height:240px}
  .premium-service-copy ul{grid-template-columns:1fr}
  .process-line,.principle-grid,.sector-grid,.premium-portfolio-grid,.news-premium-grid{grid-template-columns:1fr}
  .news-featured .news-premium-media,.news-premium-media{height:280px}

  /* Elementor should never create horizontal scrolling around the original widget. */
  .elementor,.elementor-section,.elementor-container,.elementor-widget-container{max-width:100%}
  .elementor-widget-irtel-original-design{width:100%;max-width:100%;overflow:hidden}
}

@media (max-width:420px){
  .container{width:calc(100% - 22px)}
  .site-logo-header,.custom-logo-wrap .custom-logo{height:42px;max-width:132px}
  .hero h1{font-size:clamp(40px,14.5vw,56px)}
  .hero-visual{min-height:340px;margin-inline:-11px;width:calc(100% + 22px)}
  .building-card{min-height:340px}
  .hero-strip{margin-top:-54px}
  .section{padding:48px 0}
  .project-card,.project-card:nth-child(1),.project-card:nth-child(2){min-height:300px}
}


/* ==========================================================
   v3.2 FULL PAGE / FULL WIDTH
   Keeps the v3.1 visual language, but removes the narrow
   desktop content rail. Sections now use the available viewport.
   ========================================================== */
@media (min-width: 1181px){
  :root{--container:none}
  .container{
    width:calc(100% - 96px) !important;
    max-width:none !important;
    margin-left:48px !important;
    margin-right:48px !important;
  }
  .header-inner{width:calc(100% - 96px) !important;max-width:none !important}
  .hero-grid{grid-template-columns:minmax(420px,40%) minmax(0,60%)}
  .hero-copy{padding-left:clamp(12px,2vw,36px);padding-right:clamp(32px,4vw,72px)}
  .hero-visual{min-width:0}
  .building-card{width:100%}
  .services-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-top,.footer-bottom,.footer-cta{width:calc(100% - 96px) !important;max-width:none !important}
  body.elementor-page .irtel-elementor-content,
  body.elementor-page .irtel-elementor-content > .elementor,
  body.elementor-page .irtel-elementor-content .elementor-element.e-con,
  body.elementor-page .irtel-elementor-content .elementor-section-wrap{
    width:100%;max-width:none;
  }
}
@media (min-width: 1600px){
  .container,
  .header-inner,
  .footer-top,.footer-bottom,.footer-cta{
    width:calc(100% - 128px) !important;
    margin-left:64px !important;
    margin-right:64px !important;
  }
  .hero-grid{grid-template-columns:minmax(520px,38%) minmax(0,62%)}
  .hero h1{font-size:clamp(76px,5.5vw,112px)}
}
@media (min-width: 761px) and (max-width:1180px){
  .container{width:calc(100% - 48px) !important;max-width:none !important}
}


/* =========================================================
   v3.3 TRUE FULL PAGE / FULL BLEED
   Keeps the existing IRTEL visual language, but removes the
   boxed desktop canvas and Elementor parent-width constraints.
   ========================================================= */

/* The site canvas itself always spans the viewport. */
html, body, #page, .site, .site-content, main {
  width:100%;
  max-width:none;
}

/* Replace the old boxed container with full-width content plus
   controlled internal breathing room. */
.container,
.header-inner,
.footer-top,
.footer-bottom,
.footer-cta {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:clamp(22px,4vw,76px);
  padding-right:clamp(22px,4vw,76px);
}

/* Full-bleed sections. Inner spacing is handled by .container. */
.hero,
.section,
.section-soft,
.cta-band,
.page-hero,
.content-wrap,
.premium-page-hero,
.services-premium,
.project-archive-section,
.news-editorial,
.site-footer {
  width:100%;
  max-width:none;
}

/* Elementor can put the custom widget inside a boxed parent.
   Break the original-design widget out to the viewport edges. */
.elementor-widget-irtel-original-design,
.elementor-widget-irtel-original-design > .elementor-widget-container,
.irtel-exact-elementor,
.irtel-exact-host,
.irtel-exact-host > .elementor-widget-container {
  width:100vw !important;
  max-width:none !important;
}

.elementor-widget-irtel-original-design,
.irtel-exact-elementor,
.irtel-exact-host {
  position:relative;
  left:50%;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
}

/* Elementor legacy sections and modern Flexbox Containers. */
body.elementor-page .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-page .elementor-section > .elementor-container,
body.elementor-page .e-con,
body.elementor-page .e-con > .e-con-inner,
body.elementor-page .elementor-top-section,
body.elementor-page .elementor-inner-section {
  max-width:none !important;
}

/* The exact IRTEL page should not inherit Elementor content widths. */
body.elementor-page .irtel-elementor-content,
body.elementor-page .irtel-elementor-content > .elementor,
body.elementor-page .irtel-elementor-content .elementor-section-wrap,
body.elementor-page .irtel-elementor-content .elementor-widget-wrap {
  width:100% !important;
  max-width:none !important;
}

/* Let the hero actually use the extra desktop width. */
@media (min-width:1181px){
  .hero-grid{grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:720px}
  .hero-copy{padding-top:96px;padding-bottom:104px;padding-right:clamp(28px,4vw,86px)}
  .hero h1{font-size:clamp(72px,6.2vw,118px)}
  .building-card{min-height:680px}
  .hero-strip{left:-2%;right:3%}
  .services-grid{gap:clamp(18px,1.6vw,30px)}
  .projects-grid{gap:clamp(22px,1.8vw,34px)}
}

/* Tablet/mobile stay edge-safe and responsive. */
@media (max-width:1180px){
  .container,
  .header-inner,
  .footer-top,
  .footer-bottom,
  .footer-cta{
    padding-left:24px;
    padding-right:24px;
  }
}

@media (max-width:680px){
  .container,
  .header-inner,
  .footer-top,
  .footer-bottom,
  .footer-cta{
    width:100% !important;
    padding-left:14px;
    padding-right:14px;
  }
  .elementor-widget-irtel-original-design,
  .irtel-exact-elementor,
  .irtel-exact-host{
    width:100vw !important;
  }
}

/* v3.4 — reliable shortcode blocks and contact UI */
.irtel-contact-form{display:grid;gap:16px}
.irtel-contact-form .field-grid{gap:16px}
.irtel-contact-form label{display:grid;gap:7px;font-size:12px;font-weight:800;letter-spacing:.035em;color:#222}
.irtel-contact-form label>span{display:block}
.irtel-contact-form input,.irtel-contact-form select,.irtel-contact-form textarea{margin:0}
.irtel-contact-form textarea{min-height:150px}
.irtel-file-field input[type=file]{background:#f7f7f7;border-style:dashed;padding:12px}
.irtel-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.irtel-form-notice{padding:14px 16px;margin:0 0 16px;border-radius:8px;font-weight:700;font-size:14px;line-height:1.5}
.irtel-form-notice.is-success{background:#eef8f0;border:1px solid #a9d9b1;color:#195b25}
.irtel-form-notice.is-error{background:#fff1f1;border:1px solid #efb4b4;color:#8a2020}
.irtel-empty-state{padding:24px;border:1px dashed var(--line);background:var(--soft);color:var(--muted)}
.irtel-shortcode-projects,.irtel-shortcode-news{width:100%}
.irtel-shortcode-news .news-card{background:#fff;border:1px solid var(--line);min-height:220px}
.irtel-shortcode-news .news-body{padding:26px}
.irtel-shortcode-news h3{margin:8px 0 12px;font-size:24px;line-height:1.15}
.irtel-shortcode-news h3 a{color:inherit;text-decoration:none}
.irtel-shortcode-news p{color:var(--muted)}
@media(max-width:760px){.irtel-contact-form .field-grid{grid-template-columns:1fr}.irtel-contact-form{gap:14px}.map-embed iframe{height:300px}.map-embed{min-height:300px}}

/* =========================================================
   v3.5 RESPONSIVE LAYOUT CHOOSER
   Full width remains the default. Contained can be selected
   independently for desktop, tablet and mobile in Customizer.
   ========================================================= */

/* Full mode: keep the v3.3/v3.4 true full-page behavior. */
@media (min-width:1181px){
  body.irtel-layout-desktop-full .container,
  body.irtel-layout-desktop-full .header-inner,
  body.irtel-layout-desktop-full .footer-top,
  body.irtel-layout-desktop-full .footer-bottom,
  body.irtel-layout-desktop-full .footer-cta{
    width:100%!important;max-width:none!important;
    padding-left:var(--irtel-layout-gutter)!important;
    padding-right:var(--irtel-layout-gutter)!important;
  }
}

/* Desktop contained: constrain actual page content and cancel Elementor full-bleed breakout. */
@media (min-width:1181px){
  body.irtel-layout-desktop-contained .container,
  body.irtel-layout-desktop-contained .header-inner,
  body.irtel-layout-desktop-contained .footer-top,
  body.irtel-layout-desktop-contained .footer-bottom,
  body.irtel-layout-desktop-contained .footer-cta{
    width:calc(100% - (var(--irtel-layout-gutter) * 2))!important;
    max-width:var(--irtel-layout-max)!important;
    margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;padding-right:0!important;
  }
  body.irtel-layout-desktop-contained .elementor-widget-irtel-original-design,
  body.irtel-layout-desktop-contained .irtel-exact-elementor,
  body.irtel-layout-desktop-contained .irtel-exact-host{
    width:100%!important;max-width:var(--irtel-layout-max)!important;
    left:auto!important;margin-left:auto!important;margin-right:auto!important;
  }
}

/* Tablet */
@media (min-width:761px) and (max-width:1180px){
  body.irtel-layout-tablet-full .container,
  body.irtel-layout-tablet-full .header-inner,
  body.irtel-layout-tablet-full .footer-top,
  body.irtel-layout-tablet-full .footer-bottom,
  body.irtel-layout-tablet-full .footer-cta{
    width:100%!important;max-width:none!important;margin:0!important;
    padding-left:24px!important;padding-right:24px!important;
  }
  body.irtel-layout-tablet-contained .container,
  body.irtel-layout-tablet-contained .header-inner,
  body.irtel-layout-tablet-contained .footer-top,
  body.irtel-layout-tablet-contained .footer-bottom,
  body.irtel-layout-tablet-contained .footer-cta{
    width:calc(100% - 48px)!important;max-width:980px!important;
    margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;padding-right:0!important;
  }
  body.irtel-layout-tablet-contained .elementor-widget-irtel-original-design,
  body.irtel-layout-tablet-contained .irtel-exact-elementor,
  body.irtel-layout-tablet-contained .irtel-exact-host{
    width:100%!important;max-width:980px!important;left:auto!important;
    margin-left:auto!important;margin-right:auto!important;
  }
}

/* Mobile. Full still uses safe edge padding; contained adds a little more breathing room. */
@media (max-width:760px){
  body.irtel-layout-mobile-full .container,
  body.irtel-layout-mobile-full .header-inner,
  body.irtel-layout-mobile-full .footer-top,
  body.irtel-layout-mobile-full .footer-bottom,
  body.irtel-layout-mobile-full .footer-cta{
    width:100%!important;max-width:none!important;margin:0!important;
    padding-left:14px!important;padding-right:14px!important;
  }
  body.irtel-layout-mobile-contained .container,
  body.irtel-layout-mobile-contained .header-inner,
  body.irtel-layout-mobile-contained .footer-top,
  body.irtel-layout-mobile-contained .footer-bottom,
  body.irtel-layout-mobile-contained .footer-cta{
    width:calc(100% - 28px)!important;max-width:620px!important;
    margin-left:auto!important;margin-right:auto!important;
    padding-left:0!important;padding-right:0!important;
  }
  body.irtel-layout-mobile-contained .elementor-widget-irtel-original-design,
  body.irtel-layout-mobile-contained .irtel-exact-elementor,
  body.irtel-layout-mobile-contained .irtel-exact-host{
    width:100%!important;max-width:620px!important;left:auto!important;
    margin-left:auto!important;margin-right:auto!important;
  }
}

/* Keep every content type responsive regardless of chosen width mode. */
.irtel-contact-form,.map-embed,.irtel-shortcode-projects,.irtel-shortcode-news,
.projects-grid,.news-grid,.services-grid,.premium-portfolio-grid,
.elementor,.elementor-section,.elementor-container,.e-con,.e-con-inner{
  min-width:0;
}
.irtel-contact-form input,.irtel-contact-form select,.irtel-contact-form textarea,
.map-embed iframe{max-width:100%;width:100%}

/* =========================================================
   v3.6 PROFESSIONAL COLOR + TYPOGRAPHY SYSTEM
   One font language, reliable contrast, clean architectural UI.
   ========================================================= */
:root{
  --irtel-heading-weight:800;
  --irtel-dark-text:#ffffff;
  --irtel-dark-muted:#c7cbd0;
  --irtel-dark-line:rgba(255,255,255,.14);
}

/* One professional font across the whole site, including Elementor and forms. */
html,body,button,input,select,textarea,
.elementor,.elementor-widget,.elementor-heading-title,
.primary-nav,.site-header,.site-footer,.btn,.kicker,.eyebrow,
h1,h2,h3,h4,h5,h6,p,a,span,label,strong,small{
  font-family:var(--font-sans)!important;
}
body{font-weight:400;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.elementor-heading-title{font-weight:var(--irtel-heading-weight)!important;font-style:normal!important;letter-spacing:-.03em}
.hero h1,.hero h1 em{font-family:var(--font-sans)!important;font-style:normal!important;font-weight:var(--irtel-heading-weight)!important}
.hero h1 em{color:var(--yellow);text-transform:uppercase;font-size:1em;letter-spacing:-.04em}
.primary-nav a,.btn,.header-cta,.kicker,.eyebrow{font-weight:800!important}

/* High-contrast dark surfaces. Black/dark background always gets white type. */
.cta-band,.site-footer,.page-hero,.premium-page-hero,.section-dark,
.metrics-section,.service-single-hero,.quote-form,.case-study-block,
.project-anchor-nav,.sticky-project-cta,
[class*="section-dark"],[class*="dark-section"],[class*="dark-bg"],
.has-background[style*="background-color: #0"],
.has-background[style*="background-color:#0"],
.has-background[style*="background-color: #1"],
.has-background[style*="background-color:#1"]{
  color:var(--irtel-dark-text)!important;
}
.cta-band h1,.cta-band h2,.cta-band h3,.cta-band h4,.cta-band h5,.cta-band h6,
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6,
.page-hero h1,.page-hero h2,.page-hero h3,.page-hero h4,.page-hero h5,.page-hero h6,
.premium-page-hero h1,.premium-page-hero h2,.premium-page-hero h3,.premium-page-hero h4,.premium-page-hero h5,.premium-page-hero h6,
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6,
.metrics-section h1,.metrics-section h2,.metrics-section h3,.metrics-section h4,.metrics-section h5,.metrics-section h6,
.service-single-hero h1,.service-single-hero h2,.service-single-hero h3,.service-single-hero h4,
.quote-form h1,.quote-form h2,.quote-form h3,.quote-form h4,
.case-study-block h1,.case-study-block h2,.case-study-block h3,.case-study-block h4,
.sticky-project-cta h1,.sticky-project-cta h2,.sticky-project-cta h3,
[class*="section-dark"] h1,[class*="section-dark"] h2,[class*="section-dark"] h3,[class*="section-dark"] h4,
[class*="dark-section"] h1,[class*="dark-section"] h2,[class*="dark-section"] h3,[class*="dark-section"] h4{
  color:#fff!important;
}
.cta-band p,.site-footer p,.site-footer li,.site-footer a,
.page-hero p,.premium-page-hero p,.section-dark p,.section-dark li,.section-dark a,
.metrics-section p,.service-single-hero p,.quote-form p,.quote-form label,
.case-study-block p,.case-study-block li,.sticky-project-cta p,
[class*="section-dark"] p,[class*="section-dark"] li,[class*="section-dark"] a,
[class*="dark-section"] p,[class*="dark-section"] li,[class*="dark-section"] a{
  color:var(--irtel-dark-muted)!important;
}
.cta-band a:not(.btn-primary),.site-footer a:hover,.section-dark a:hover,.case-study-block a:hover{color:#fff!important}

/* Preserve the brand accent and readable button contrast. */
.btn-primary,.header-cta span:last-child,.contact-icon,.service-icon,.metric strong,
.cta-band h2 span,.premium-hero-copy h1 span,.principle-grid span,.sector-grid span,
.project-overlay small,.premium-project-meta span,.check:before{color:var(--yellow)!important}
.btn-primary,.header-cta{color:#111!important}
.btn-primary *,.header-cta span:last-child{color:#111!important}
.btn-dark,.header-cta span:first-child,.arrow-box{background:var(--black)!important;color:#fff!important}

/* Dark section controls/forms stay legible. */
.section-dark input,.section-dark select,.section-dark textarea,
.quote-form input,.quote-form select,.quote-form textarea,
.site-footer input,.site-footer select,.site-footer textarea{
  background:#17191c!important;color:#fff!important;border-color:#34383d!important;
}
.section-dark input::placeholder,.section-dark textarea::placeholder,
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#9ea4aa!important}

/* White/light cards remain clean and readable even inside darker parent sections. */
.service-card,.contact-form,.news-card,.light-grid>div,.process-step,.file-upload{
  color:var(--ink)!important;background:var(--paper);
}
.service-card h1,.service-card h2,.service-card h3,.service-card h4,
.contact-form h1,.contact-form h2,.contact-form h3,.contact-form h4,
.news-card h1,.news-card h2,.news-card h3,.news-card h4,
.process-step h1,.process-step h2,.process-step h3,.process-step h4{color:var(--ink)!important}
.service-card p,.contact-form p,.news-card p,.process-step p{color:var(--muted)!important}

/* Refined body type and sizing. */
p,li,input,select,textarea{font-size:16px;line-height:1.7}
.section-title h2,.about-copy h2,.premium-hero-copy h1,.page-hero h1{letter-spacing:-.045em}
.kicker,.eyebrow,.primary-nav a{letter-spacing:.09em}
.site-footer{border-top:1px solid rgba(255,255,255,.06)}
.site-footer .footer-title{color:#fff!important}
.footer-bottom{color:#a5a9ae!important}

/* Elementor: respect theme typography unless the user explicitly sets a widget color. */
.elementor-widget-text-editor,.elementor-widget-text-editor p{line-height:1.7}
.elementor-widget-heading .elementor-heading-title{line-height:1.05}

@media(max-width:760px){
  body{font-size:15px}
  p,li,input,select,textarea{font-size:15px}
  .primary-nav a{font-size:12px}
}


/* v3.7 Header/Footer editor */
.site-header.irtel-header-static{position:relative;top:auto}
.site-branding,.brand-logo,.custom-logo-wrap{display:flex;align-items:center}
.site-logo-header,.custom-logo-wrap .custom-logo{width:auto;object-fit:contain}
.site-footer .footer-logo-link{display:inline-flex;align-items:center}
@media(max-width:760px){
  .header-inner{min-height:64px;height:auto!important;padding-top:9px;padding-bottom:9px}
  .site-logo-header,.custom-logo-wrap .custom-logo{max-height:52px!important}
}

/* =========================================================
   v3.8 CONTENT BLACK/YELLOW CONSISTENCY
   Match the contact hero visual language across content areas.
   Header and footer keep their own independent editor colors.
   ========================================================= */
main{
  --yellow:#dd9933;
  --yellow-2:#dd9933;
  --black:#121212;
}

/* Reusable black-left / yellow-right architectural split for content banners. */
main .page-hero,
main .cta-band,
main .service-single-hero,
main .final-cta,
main .premium-quote{
  position:relative;
  overflow:hidden;
  background:linear-gradient(115deg,var(--black) 0 70%,var(--yellow) 70%)!important;
  color:#fff!important;
}
main .page-hero:before,
main .cta-band:before,
main .service-single-hero:before,
main .final-cta:before,
main .premium-quote:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.8;
  z-index:0;
}
main .page-hero>.container,
main .cta-band>.container,
main .service-single-hero>.container,
main .final-cta>.container,
main .premium-quote>.container{
  position:relative;
  z-index:1;
}

/* White typography on the black side, restrained yellow accent. */
main .page-hero h1,main .page-hero h2,main .page-hero h3,
main .cta-band h1,main .cta-band h2,main .cta-band h3,
main .service-single-hero h1,main .service-single-hero h2,main .service-single-hero h3,
main .final-cta h1,main .final-cta h2,main .final-cta h3,
main .premium-quote h1,main .premium-quote h2,main .premium-quote h3,
main .premium-quote p{
  color:#fff!important;
}
main .page-hero p,main .cta-band p,main .service-single-hero p,main .final-cta p{
  color:#d6d9dc!important;
}
main .page-hero .kicker,main .service-single-hero .kicker,
main .cta-band .kicker,main .final-cta .kicker{
  color:var(--yellow)!important;
}

/* Metrics use the same split without losing readability in the yellow panel. */
main .metrics-section{
  background:linear-gradient(115deg,var(--black) 0 70%,var(--yellow) 70%)!important;
  color:#fff!important;
}
main .metrics-section .metric:last-child,
main .metrics-section .metric:last-child span,
main .metrics-section .metric:last-child strong{
  color:#111!important;
}
main .metrics-section .metric:last-child{border-right:0;border-left:1px solid rgba(0,0,0,.16)}

/* Keep yellow panels readable and visually consistent. */
main .contact-icon,
main .about-stat,
main .media-caption,
main .project-tax,
main .filter-btn.active,
main .filter-btn:hover{
  background:var(--yellow)!important;
  color:#111!important;
}

/* Mobile: preserve the motif but give more room to content. */
@media(max-width:760px){
  main .page-hero,
  main .cta-band,
  main .service-single-hero,
  main .final-cta,
  main .premium-quote,
  main .metrics-section{
    background:linear-gradient(135deg,var(--black) 0 84%,var(--yellow) 84%)!important;
  }
  main .metrics-section .metric:last-child,
  main .metrics-section .metric:last-child span,
  main .metrics-section .metric:last-child strong{color:#fff!important}
  main .metrics-section .metric:last-child{border-left:0}
}

/* ==========================================================
   v4.6 — EXACT v3.8 VISUALS INSIDE SEPARATE ELEMENTOR SECTIONS
   Neutralize only Elementor wrappers. The actual IRTEL markup keeps the
   same classes, containers, grids, spacing, colors and responsive rules.
   ========================================================== */
.irtel-v46-elementor-section{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.irtel-v46-elementor-section > .elementor-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.irtel-v46-elementor-section > .elementor-container > .elementor-column,
.irtel-v46-elementor-column{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.irtel-v46-elementor-column > .elementor-widget-wrap,
.irtel-v46-elementor-section .elementor-widget-wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.elementor-widget-irtel_unified_section,
.elementor-widget-irtel_unified_section > .elementor-widget-container,
.irtel-v46-widget{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.elementor-page .irtel-v46-elementor-section .container{
  /* Keep v3.8's own container logic instead of Elementor's content width. */
  max-width:none;
}
body.elementor-page .irtel-v46-elementor-section .container{
  width:min(var(--container),calc(100% - 48px));
  margin-inline:auto;
}
body.irtel-layout-full.elementor-page .irtel-v46-elementor-section .container,
body.elementor-page.irtel-layout-desktop-full .irtel-v46-elementor-section .container{
  width:calc(100% - (var(--irtel-desktop-gutter,48px) * 2));
  max-width:none;
}
@media(max-width:1180px){
  body.elementor-page .irtel-v46-elementor-section .container{width:calc(100% - 36px)}
}
@media(max-width:760px){
  body.elementor-page .irtel-v46-elementor-section .container{width:calc(100% - 28px)}
}
/* Elementor editor outlines must not become layout gaps. */
.elementor-editor-active .irtel-v46-elementor-section,
.elementor-editor-preview .irtel-v46-elementor-section{min-height:1px}


/* =========================================================
   v4.9 IRTEL BRAND PALETTE
   Content palette requested by client:
   yellow #dd9933 / black #121212.
   Header and footer remain independently editable.
   ========================================================= */
main,
.irtel-page-content,
.irtel-v46-elementor-section{
  --yellow:#dd9933;
  --yellow-2:#dd9933;
  --yellow-hover:#dd9933;
  --black:#121212;
}

/* Solid brand-black surfaces in page content. */
main .cta-band,
main .page-hero,
main .premium-page-hero,
main .service-single-hero,
main .final-cta,
main .premium-quote,
main .metrics-section,
main .section-dark,
main .case-study-block,
main .sticky-project-cta,
main .project-anchor-nav,
main [class*="section-dark"],
main [class*="dark-section"],
main [class*="dark-bg"]{
  --black:#121212;
}

/* Brand yellow accents throughout page content. */
main .btn-primary,
main .contact-icon,
main .about-stat,
main .media-caption,
main .project-tax,
main .filter-btn.active,
main .filter-btn:hover,
main .hero-strip b,
main .service-icon,
main .check:before,
main .feature-list li:before,
main .project-overlay small,
main .premium-project-meta span,
main .principle-grid span,
main .sector-grid span,
main .cta-band h2 span,
main .premium-hero-copy h1 span,
main .metric strong{
  border-color:#dd9933!important;
}

main .btn-primary,
main .contact-icon,
main .about-stat,
main .media-caption,
main .project-tax,
main .filter-btn.active,
main .filter-btn:hover{
  background:#dd9933!important;
  color:#121212!important;
}

main .service-icon,
main .check:before,
main .feature-list li:before,
main .project-overlay small,
main .premium-project-meta span,
main .principle-grid span,
main .sector-grid span,
main .cta-band h2 span,
main .premium-hero-copy h1 span,
main .hero h1 em,
main .hero-strip b,
main .kicker{
  color:#dd9933!important;
}

/* Black controls and cards use the exact brand black. */
main .btn-dark,
main .arrow-box,
main .hero-badge{
  background:#121212!important;
}
main .hero-badge{border-color:#dd9933!important;color:#fff!important}

/* Ensure copy on dark content is readable. */
main .cta-band h1,main .cta-band h2,main .cta-band h3,
main .page-hero h1,main .page-hero h2,main .page-hero h3,
main .premium-page-hero h1,main .premium-page-hero h2,main .premium-page-hero h3,
main .service-single-hero h1,main .service-single-hero h2,main .service-single-hero h3,
main .final-cta h1,main .final-cta h2,main .final-cta h3,
main .premium-quote h1,main .premium-quote h2,main .premium-quote h3,
main .section-dark h1,main .section-dark h2,main .section-dark h3{
  color:#fff!important;
}


/* =========================================================
   v5.0 MOBILE / TABLET MENU BUTTON
   Brand-aligned hamburger: yellow #dd9933, ink #121212.
   Desktop navigation remains unchanged.
   ========================================================= */
@media (max-width:960px){
  .menu-toggle,
  .irtel-elementor-header .menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:50px!important;
    min-width:50px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    border:1px solid #121212!important;
    border-radius:6px!important;
    background:#dd9933!important;
    color:#121212!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    cursor:pointer;
    transition:transform .18s ease,background-color .18s ease,border-color .18s ease;
  }
  .menu-toggle::before,
  .irtel-elementor-header .menu-toggle::before{
    content:"";
    display:block;
    width:22px;
    height:2px;
    border-radius:2px;
    background:#121212;
    box-shadow:0 -7px 0 #121212,0 7px 0 #121212;
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .menu-toggle:hover,
  .menu-toggle:focus-visible,
  .irtel-elementor-header .menu-toggle:hover,
  .irtel-elementor-header .menu-toggle:focus-visible{
    background:#dd9933!important;
    border-color:#121212!important;
    color:#121212!important;
    transform:translateY(-1px);
    outline:2px solid rgba(18,18,18,.22);
    outline-offset:2px;
  }
  .menu-toggle[aria-expanded="true"],
  .irtel-elementor-header .menu-toggle[aria-expanded="true"]{
    background:#dd9933!important;
    border-color:#121212!important;
  }
}
@media (max-width:680px){
  .menu-toggle,
  .irtel-elementor-header .menu-toggle{
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
  }
  .menu-toggle::before,
  .irtel-elementor-header .menu-toggle::before{width:20px}
}

/* =========================================================
   v5.1 MOBILE / TABLET MENU - THREE LINES ONLY
   No box, no border, no background. Accessible button remains.
   ========================================================= */
@media (max-width:960px){
  .menu-toggle,
  .irtel-elementor-header .menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#121212!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    outline:0;
    transform:none!important;
    cursor:pointer;
  }
  .menu-toggle::before,
  .irtel-elementor-header .menu-toggle::before{
    content:"";
    display:block;
    width:27px!important;
    height:2px!important;
    border-radius:0!important;
    background:#121212!important;
    box-shadow:0 -8px 0 #121212,0 8px 0 #121212!important;
    transform:none!important;
    transition:opacity .15s ease!important;
  }
  .menu-toggle:hover,
  .menu-toggle:focus-visible,
  .menu-toggle[aria-expanded="true"],
  .irtel-elementor-header .menu-toggle:hover,
  .irtel-elementor-header .menu-toggle:focus-visible,
  .irtel-elementor-header .menu-toggle[aria-expanded="true"]{
    border:0!important;
    background:transparent!important;
    color:#121212!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .menu-toggle:focus-visible,
  .irtel-elementor-header .menu-toggle:focus-visible{
    outline:2px solid #121212!important;
    outline-offset:4px!important;
  }
}
@media (max-width:680px){
  .menu-toggle,
  .irtel-elementor-header .menu-toggle{
    width:32px!important;
    min-width:32px!important;
    height:28px!important;
    min-height:28px!important;
  }
  .menu-toggle::before,
  .irtel-elementor-header .menu-toggle::before{width:25px!important}
}


/* =========================================================
   v5.2 SELECTABLE HAMBURGER MENU
   Elementor Header > Mobilni / tablet meni > Tip hamburger menija
   ========================================================= */
@media (max-width:960px){
  .menu-toggle.irtel-hamburger,
  .irtel-elementor-header .menu-toggle.irtel-hamburger{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:var(--irtel-hb-size,40px)!important;
    min-width:var(--irtel-hb-size,40px)!important;
    height:var(--irtel-hb-size,40px)!important;
    min-height:var(--irtel-hb-size,40px)!important;
    padding:0!important;
    margin:0!important;
    color:var(--irtel-hb-line,#121212)!important;
    box-shadow:none!important;
    cursor:pointer;
    transition:background-color .18s ease,border-color .18s ease,opacity .18s ease!important;
  }
  .menu-toggle.irtel-hamburger::before,
  .irtel-elementor-header .menu-toggle.irtel-hamburger::before{
    content:""!important;
    display:block!important;
    width:var(--irtel-hb-line-width,27px)!important;
    height:2px!important;
    border-radius:2px!important;
    background:var(--irtel-hb-line,#121212)!important;
    box-shadow:0 -8px 0 var(--irtel-hb-line,#121212),0 8px 0 var(--irtel-hb-line,#121212)!important;
    transform:none!important;
  }
  .menu-toggle.irtel-hamburger .irtel-menu-label,
  .irtel-elementor-header .menu-toggle.irtel-hamburger .irtel-menu-label{display:none!important}

  .menu-toggle.irtel-hamburger-lines,
  .irtel-elementor-header .menu-toggle.irtel-hamburger-lines{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }

  .menu-toggle.irtel-hamburger-yellow_box,
  .irtel-elementor-header .menu-toggle.irtel-hamburger-yellow_box{
    background:var(--irtel-hb-bg,#dd9933)!important;
    border:1px solid var(--irtel-hb-border,#121212)!important;
    border-radius:var(--irtel-hb-radius,6px)!important;
  }

  .menu-toggle.irtel-hamburger-outline,
  .irtel-elementor-header .menu-toggle.irtel-hamburger-outline{
    background:transparent!important;
    border:1px solid var(--irtel-hb-border,#121212)!important;
    border-radius:var(--irtel-hb-radius,6px)!important;
  }

  .menu-toggle.irtel-hamburger-menu_text,
  .irtel-elementor-header .menu-toggle.irtel-hamburger-menu_text{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .menu-toggle.irtel-hamburger-menu_text::before,
  .irtel-elementor-header .menu-toggle.irtel-hamburger-menu_text::before{display:none!important}
  .menu-toggle.irtel-hamburger-menu_text .irtel-menu-label,
  .irtel-elementor-header .menu-toggle.irtel-hamburger-menu_text .irtel-menu-label{display:inline!important}

  .menu-toggle.irtel-hamburger:hover,
  .menu-toggle.irtel-hamburger:focus-visible,
  .menu-toggle.irtel-hamburger[aria-expanded="true"],
  .irtel-elementor-header .menu-toggle.irtel-hamburger:hover,
  .irtel-elementor-header .menu-toggle.irtel-hamburger:focus-visible,
  .irtel-elementor-header .menu-toggle.irtel-hamburger[aria-expanded="true"]{
    color:var(--irtel-hb-line,#121212)!important;
    transform:none!important;
    opacity:.82;
  }
  .menu-toggle.irtel-hamburger:focus-visible,
  .irtel-elementor-header .menu-toggle.irtel-hamburger:focus-visible{
    outline:2px solid var(--irtel-hb-line,#121212)!important;
    outline-offset:4px!important;
  }
}

/* v5.4 color-control compatibility: palette values are emitted from inc/global-design-controls.php. */

/* v5.5 — IRTEL GOLD MASTER LOCK
   One authoritative brand accent across all legacy and Elementor-rendered sections. */
:root,
body,
body.elementor-page,
.irtel-compact-render,
.irtel-v20{
  --yellow:#dd9933!important;
  --yellow-2:#dd9933!important;
  --yellow-hover:#dd9933!important;
  --irtel-accent:#dd9933!important;
  --irtel-secondary:#dd9933!important;
}
/* Catch legacy hard-coded accent surfaces that may survive imported Elementor data. */
body .btn-primary,
body .button-primary,
body .header-cta,
body .contact-icon,
body .hero-strip i,
body .process-line>div:before,
body .arrow-box,
body .service-link:hover,
body .project-filter .active,
body .page-numbers.current,
body .irtel-accent-bg,
body [class*="accent-bg"]{
  background-color:#dd9933!important;
}
body .kicker,
body .eyebrow,
body .service-link,
body .feature-list li:before,
body .premium-service-copy li:before,
body .premium-project-meta span,
body .process-step strong,
body .hero h1 em,
body .irtel-accent-text,
body [class*="accent-text"]{
  color:#dd9933!important;
}
body .why-card:before,
body .process-step,
body .hero-badge,
body .btn-outline:hover,
body .irtel-accent-border,
body [class*="accent-border"]{
  border-color:#dd9933!important;
}

/* v5.7 professional service/blog/project templates */
.irtel-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:64px;align-items:start}.irtel-detail-main{min-width:0}.irtel-content-sidebar,.irtel-project-side{min-width:0}.sidebar-sticky{position:sticky;top:120px}.sidebar-box{border:1px solid var(--irtel-border,#e5e5e5);background:#fff;padding:28px}.sidebar-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--irtel-accent,#DD9933);margin-bottom:8px}.sidebar-box h3,.irtel-project-side h3{font-size:28px;margin:0 0 22px;text-transform:uppercase}.sidebar-link-list{display:flex;flex-direction:column;border-top:1px solid #e5e5e5}.sidebar-link-list a,.project-side-categories a{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #e5e5e5;color:#121212;text-decoration:none;font-weight:700}.sidebar-link-list a:hover,.sidebar-link-list a.is-current,.project-side-categories a:hover{color:var(--irtel-accent,#DD9933)}.sidebar-link-list a.is-current{padding-left:12px;border-left:3px solid var(--irtel-accent,#DD9933)}.sidebar-cta{margin-top:28px;padding-top:24px;border-top:1px solid #e5e5e5}.sidebar-cta strong{font-size:20px}.sidebar-cta p{font-size:14px;color:#666}.sidebar-subsection{margin-top:30px}.sidebar-subsection h4,.project-side-categories h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.sidebar-post-link{display:block;padding:12px 0;border-bottom:1px solid #eee;text-decoration:none}.sidebar-post-link small{display:block;color:#888;font-size:11px;margin-bottom:4px}.sidebar-post-link span{display:block;color:#121212;font-weight:700;line-height:1.3}.sidebar-post-link:hover span{color:var(--irtel-accent,#DD9933)}.service-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dedede;margin:48px 0}.service-benefit-grid>div{background:#fff;padding:28px}.service-benefit-grid span{color:var(--irtel-accent,#DD9933);font-weight:900}.service-benefit-grid h3{margin:10px 0}.service-faq-block{margin-top:60px}.blog-article .entry-content{font-size:18px;line-height:1.8}.post-taxonomy{margin-top:40px;padding-top:24px;border-top:1px solid #ddd}.project-side-categories{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}.project-side-categories a{border-color:rgba(255,255,255,.14);color:inherit}.project-facts.irtel-project-side{position:sticky;top:120px}.irtel-media-preview video{display:block;width:100%;height:100%;object-fit:cover}.about-visual.has-custom-media{background-size:cover;background-position:center}.about-visual.has-custom-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));border-radius:inherit}
@media(max-width:980px){.irtel-detail-layout{grid-template-columns:1fr;gap:36px}.sidebar-sticky,.project-facts.irtel-project-side{position:static}.service-benefit-grid{grid-template-columns:1fr}}


/* =========================================================
   IRTEL v5.8 PORTFOLIO HOME — mockup inspired layout
   ========================================================= */
:root{--irtel-gold:#dd9933;--irtel-dark:#121212;--irtel-paper:#fff;--irtel-soft:#f6f6f4}
body{background:#fff;color:#121212}
.irtel-portfolio-home .container,.irtel-v46-widget .container{width:min(1420px,calc(100% - 48px))}
.irtel-portfolio-hero{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #ececec}
.irtel-portfolio-hero .hero-grid{display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);min-height:700px;align-items:stretch}
.irtel-portfolio-hero .hero-copy{padding:88px 50px 70px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.irtel-portfolio-hero .eyebrow{letter-spacing:.22em;text-transform:uppercase;font-weight:700;font-size:12px;color:#5f5f5f}
.irtel-portfolio-hero h1{font-size:clamp(62px,5.6vw,105px);line-height:.9;margin:20px 0 26px;text-transform:uppercase;letter-spacing:-.045em;color:#121212}
.irtel-portfolio-hero h1 em{display:block;color:var(--irtel-accent,#dd9933);font-style:italic;font-weight:900;letter-spacing:-.05em}
.irtel-portfolio-hero .hero-copy>p{font-size:18px;max-width:510px;color:#444}
.irtel-portfolio-hero .hero-visual{position:relative;min-height:700px;display:flex;align-items:stretch}
.irtel-portfolio-hero .building-card{width:100%;min-height:700px;border-radius:0;background-size:cover;background-position:center;box-shadow:none;position:relative;overflow:hidden}
.irtel-portfolio-hero .building-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 20%,transparent 78%,rgba(221,153,51,.12));pointer-events:none}
.irtel-portfolio-hero .building-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.irtel-process-float{position:absolute;left:6%;right:3%;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.14);z-index:5}
.irtel-process-float>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:23px 16px;text-transform:uppercase;font-weight:800;font-size:13px;border-right:1px solid #ddd}
.irtel-process-float>div:last-child{border-right:0}.irtel-process-float b{color:var(--irtel-accent,#dd9933);font-size:25px}
.irtel-home-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:start}
.irtel-home-block{padding:64px 0;border-bottom:1px solid #ececec}
.irtel-home-block .block-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}
.irtel-home-block h2{font-size:36px;line-height:1;text-transform:uppercase;margin:0}.irtel-home-block .kicker{color:var(--irtel-accent,#dd9933)}
.irtel-service-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.irtel-service-mini{border:1px solid #e8e8e8;background:#fff;min-height:250px;display:flex;flex-direction:column;overflow:hidden}
.irtel-service-mini .mini-media{height:112px;background:#f4f4f1;overflow:hidden}.irtel-service-mini .mini-media img{width:100%;height:100%;object-fit:cover}
.irtel-service-mini .mini-body{padding:18px;display:flex;flex-direction:column;flex:1}.irtel-service-mini h3{font-size:15px;line-height:1.25;text-transform:uppercase;margin:8px 0 10px}.irtel-service-mini p{font-size:12px;color:#666;margin:0 0 16px}.irtel-service-mini .mini-icon{color:var(--irtel-accent,#dd9933);font-size:28px}.irtel-service-mini a{margin-top:auto;font-size:12px;font-weight:800}
.irtel-project-tabs{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 22px}.irtel-project-tabs a{font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:2px solid transparent;padding-bottom:7px}.irtel-project-tabs a:first-child{color:var(--irtel-accent,#dd9933);border-color:var(--irtel-accent,#dd9933)}
.irtel-project-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.irtel-project-tile img{width:100%;aspect-ratio:4/2.55;object-fit:cover}.irtel-project-tile h3{font-size:14px;margin:10px 0 2px}.irtel-project-tile small{color:#777}
.irtel-news-social{display:grid;grid-template-columns:1fr 1.08fr;gap:55px;align-items:start}
.irtel-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.irtel-news-card{border:1px solid #e6e6e6;background:#fff;position:relative}.irtel-news-card img{width:100%;aspect-ratio:16/8.5;object-fit:cover}.irtel-news-card .news-body{padding:16px}.irtel-news-card h3{font-size:15px;line-height:1.3;margin:6px 0 12px}.irtel-news-card .news-date{position:absolute;top:10px;left:10px;background:#fff;border:1px solid #bbb;padding:6px 8px;text-align:center;font-size:10px;font-weight:900;line-height:1.05}.irtel-news-card .news-cat{color:var(--irtel-accent,#dd9933);font-size:10px;font-weight:800;text-transform:uppercase}
.irtel-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.irtel-social-card{border:1px solid #e4e4e4;background:#fff;padding:18px;min-height:210px}.irtel-social-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.irtel-social-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#121212;color:#fff;font-weight:900}.irtel-social-card strong{font-size:13px;text-transform:uppercase}.irtel-social-card small{display:block;color:#777}.irtel-social-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:16px}.irtel-social-preview span{aspect-ratio:1;background:linear-gradient(135deg,#efefef,#d8d8d8);display:block}.irtel-social-card a{display:inline-block;margin-top:14px;font-size:11px;font-weight:900;color:var(--irtel-accent,#dd9933);text-transform:uppercase}
.irtel-home-darkband{background:#121212;color:#fff}.irtel-home-darkband .container{padding-top:38px;padding-bottom:38px}.irtel-home-darkband .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.irtel-home-darkband .metric{padding:0 22px;border-right:1px solid #3a3a3a}.irtel-home-darkband .metric:last-child{border-right:0}.irtel-home-darkband .metric strong{display:block;color:var(--irtel-accent,#dd9933)!important;background:none!important;font-size:46px!important;line-height:1!important}.irtel-home-darkband .metric span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#fff;margin-top:8px}
.irtel-home-seeall{display:inline-flex;align-items:center;gap:12px;border:1px solid #bbb;padding:10px 16px;font-size:11px;font-weight:900;text-transform:uppercase}
.irtel-v46-home_news .section,.irtel-v46-home_social .section{padding:64px 0}
@media(max-width:1180px){.irtel-portfolio-hero .hero-grid{grid-template-columns:1fr}.irtel-portfolio-hero .hero-copy{padding:70px 0 38px}.irtel-portfolio-hero .hero-visual,.irtel-portfolio-hero .building-card{min-height:560px}.irtel-service-mini-grid{grid-template-columns:repeat(3,1fr)}.irtel-project-showcase{grid-template-columns:repeat(2,1fr)}.irtel-news-social{grid-template-columns:1fr}.irtel-social-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.irtel-portfolio-home .container,.irtel-v46-widget .container{width:min(100% - 28px,1420px)}.irtel-portfolio-hero h1{font-size:52px}.irtel-portfolio-hero .hero-visual,.irtel-portfolio-hero .building-card{min-height:420px}.irtel-process-float{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr}.irtel-process-float>div{border-right:0;border-bottom:1px solid #ddd}.irtel-service-mini-grid,.irtel-news-grid,.irtel-social-grid{grid-template-columns:1fr}.irtel-project-showcase{grid-template-columns:1fr 1fr}.irtel-home-darkband .metrics-grid{grid-template-columns:1fr 1fr}.irtel-home-darkband .metric{border-right:0;border-bottom:1px solid #333;padding:18px 8px}.irtel-home-block{padding:46px 0}.irtel-home-block .block-head{display:block}.irtel-home-block h2{font-size:31px}}