{"id":391,"date":"2026-08-17T09:15:40","date_gmt":"2026-08-17T08:15:40","guid":{"rendered":"https:\/\/igneomedia.com\/?page_id=391"},"modified":"2026-08-22T10:37:30","modified_gmt":"2026-08-22T09:37:30","slug":"home-2026-test","status":"publish","type":"page","link":"https:\/\/igneomedia.com\/","title":{"rendered":"Home-2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"391\" class=\"elementor elementor-391\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b319e2f e-flex e-con-boxed e-con e-parent\" data-id=\"b319e2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e60ea elementor-widget elementor-widget-html\" data-id=\"b2e60ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Igneo Media Home \u2014 Elementor-safe embed.\r\nPaste this entire file into one Elementor HTML widget.\r\nWordPress should control the document metadata, SEO title, social preview, and page shell. -->\r\n\r\n<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\");\r\n\r\n:root{\r\n      --navy:#33475b;--navy-2:#293c4f;--navy-3:#1f303f;--orange:#ff9861;\r\n      --orange-2:#f37f40;--paper:#fbfaf8;--white:#fff;--ink:#243444;--muted:#667786;\r\n      --line:#e7ebee;--soft:#f3f5f6;--radius:18px;--shadow:0 22px 60px -34px rgba(27,47,64,.48);\r\n      --wrap:1180px;--section:clamp(72px,8vw,116px);\r\n    }\r\n    *{box-sizing:border-box}\r\n    html{scroll-behavior:smooth}\r\n    body{margin:0;background:var(--white);color:var(--ink);font-family:\"Manrope\",system-ui,-apple-system,\"Segoe UI\",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}\r\n    img{display:block;max-width:100%}\r\n    a{color:inherit;text-decoration:none}\r\n    button{font:inherit}\r\n    .wrap{width:min(calc(100% - 100px),var(--wrap));margin-inline:auto}\r\n    .igneo-fullbleed{\r\n      position:relative;\r\n      width:100vw;\r\n      margin-left:calc(50% - 50vw);\r\n      margin-right:calc(50% - 50vw);\r\n      background:var(--white);\r\n      overflow:clip;\r\n    }\r\n    .skip{position:fixed;left:18px;top:-80px;z-index:100;background:var(--navy-3);color:#fff;padding:10px 16px;border-radius:8px}\r\n    .skip:focus{top:18px}\r\n    :focus-visible{outline:3px solid rgba(255,152,97,.55);outline-offset:4px}\r\n    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--orange-2);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}\r\n    .eyebrow::before{content:\"\";width:28px;height:2px;background:currentColor}\r\n    h1,h2,h3,h4,p{margin-top:0}\r\n    h1,h2,h3{color:var(--navy);letter-spacing:-.035em;line-height:1.08}\r\n    h1{font-size:clamp(2.35rem,5vw,4.85rem)}\r\n    h2{font-size:clamp(2rem,4vw,3.7rem)}\r\n    h3{font-size:clamp(1.25rem,2vw,1.6rem)}\r\n    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 23px;border:1px solid transparent;border-radius:999px;font-size:.92rem;font-weight:800;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}\r\n    .btn:hover{transform:translateY(-2px)}\r\n    .btn-primary{background:var(--orange);color:var(--navy-3);box-shadow:0 13px 30px -17px rgba(243,127,64,.95)}\r\n    .btn-primary:hover{background:#ffad7d}\r\n    .btn-ghost{background:rgba(255,255,255,.82);border-color:rgba(51,71,91,.14);color:var(--navy)}\r\n    .btn-ghost:hover{background:#fff}\r\n    .arrow{font-size:1.15em}\r\n\r\n    \/* Header *\/\r\n    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(37,53,67,.08)}\r\n    .nav{position:relative;height:92px;display:flex;align-items:center;justify-content:space-between;gap:36px}\r\n    .logo{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;height:100%}.logo img{display:block;width:auto;height:46px;max-width:178px;object-fit:contain}\r\n    .nav-links{display:flex;align-items:center;gap:34px;font-size:.86rem;font-weight:750;color:var(--navy)}\r\n    .nav-links>a:not(.btn){position:relative;padding:10px 0}\r\n    .nav-links>a:not(.btn)::after{content:\"\";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .25s}\r\n    .nav-links>a:not(.btn):hover::after,.nav-links>a[aria-current=\"page\"]::after{transform:scaleX(1);transform-origin:left}\r\n    .nav-cta{min-height:42px;padding:9px 17px}\r\n    .menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);cursor:pointer}\r\n    .menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:\"\";display:block;width:18px;height:2px;margin:4px auto;background:currentColor;transition:.25s}\r\n    .menu-toggle[aria-expanded=\"true\"] span{opacity:0}\r\n    .menu-toggle[aria-expanded=\"true\"]::before{transform:translateY(6px) rotate(45deg)}\r\n    .menu-toggle[aria-expanded=\"true\"]::after{transform:translateY(-6px) rotate(-45deg)}\r\n\r\n    \/* Hero *\/\r\n    .hero{position:relative;min-height:clamp(580px,76vh,820px);display:grid;align-items:end;overflow:hidden;background:var(--navy)}\r\n    .hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%}\r\n    .hero::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,38,52,.3),rgba(22,38,52,0) 56%),linear-gradient(0deg,rgba(26,43,57,.32),transparent 58%)}\r\n    .hero-content{position:relative;z-index:2;padding-bottom:clamp(54px,8vw,92px)}\r\n    .hero-card{max-width:690px;padding:clamp(28px,5vw,52px);background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:0 30px 90px -40px rgba(8,24,37,.8);backdrop-filter:blur(13px)}\r\n    .hero-card h1{margin-bottom:22px}\r\n    .hero-card p{max-width:58ch;margin-bottom:30px;color:#536574;font-size:clamp(.96rem,1.35vw,1.1rem)}\r\n    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}\r\n\r\n    \/* Brand marquee *\/\r\n    .brand-band{overflow:hidden;border-block:1px solid var(--line);background:#fff;padding:14px 0}\r\n    .brand-track{display:flex;align-items:center;width:max-content;min-height:78px;animation:marquee 110s linear infinite;will-change:transform}\r\n    .brand-set{display:flex;align-items:center;justify-content:center;gap:64px;padding-inline:32px;height:78px}\r\n    .brand-item{width:138px;height:78px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}\r\n    .brand-item img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:grayscale(1);opacity:.72;transform:translateY(-4px);transition:filter .2s,opacity .2s,transform .2s}\r\n    .brand-item:hover img{filter:none;opacity:1;transform:translateY(-4px) scale(1.03)}\r\n    .brand-band:hover .brand-track{animation-play-state:paused}\r\n    @keyframes marquee{to{transform:translateX(-50%)}}\r\n\r\n    \/* About *\/\r\n    .section{padding:var(--section) 0}\r\n    .about-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(46px,8vw,110px)}\r\n    .about-copy h2{margin:15px 0 22px}\r\n    .about-copy p{max-width:55ch;color:var(--muted)}\r\n    .about-copy p+p{margin-top:13px}\r\n    .about-copy .btn{margin-top:28px}\r\n    .stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\n    .stat{min-height:165px;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(155deg,#4c657c,#2c4154 74%);color:#eef4f8;box-shadow:var(--shadow)}\r\n    .stat strong{display:block;margin-bottom:8px;color:var(--orange);font-size:clamp(2.1rem,4vw,3.45rem);line-height:1;font-weight:800;letter-spacing:-.05em}\r\n    .stat span{display:block;max-width:15ch;font-size:.9rem;line-height:1.4}\r\n\r\n    \/* Services *\/\r\n    .services{background:var(--paper)}\r\n    .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}\r\n    .section-head h2{max-width:700px;margin:14px 0 0}\r\n    .section-head p{max-width:420px;margin:0;color:var(--muted)}\r\n    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n    .service-card{position:relative;min-height:350px;overflow:hidden;padding:27px;border-radius:22px;background:linear-gradient(160deg,#4b657d,#2a4054 72%,#1e3345);box-shadow:var(--shadow);isolation:isolate}\r\n    .service-card::after{content:\"\";position:absolute;inset:auto -30% -56% 12%;height:85%;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(10px);z-index:-1}\r\n    .service-card h3{position:relative;z-index:2;max-width:9ch;margin:0;color:#fff;font-size:clamp(1.55rem,2.3vw,2.1rem)}\r\n    .service-card img{position:absolute;left:8%;right:8%;bottom:4%;width:84%;height:67%;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(4,20,32,.32));transition:transform .4s ease}\r\n    .service-card:hover img{transform:translateY(-7px) scale(1.025)}\r\n    .service-card:nth-child(6){background:linear-gradient(160deg,#334e65,#102b3d 70%,#071d2c)}\r\n\r\n    \/* Work *\/\r\n    .work{background:#fff}\r\n    .portfolio-shell{position:relative}\r\n    .portfolio-window{overflow:hidden;border-radius:24px;background:#eef2f4;box-shadow:0 28px 70px -42px rgba(21,42,58,.6)}\r\n    .portfolio-track{display:flex;transition:transform .62s cubic-bezier(.25,.8,.25,1)}\r\n    .case{flex:0 0 100%;position:relative}\r\n    .case img{width:100%;aspect-ratio:16\/8.35;object-fit:cover}\r\n    .case-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff}\r\n    .case-caption strong{color:var(--navy);font-size:1.02rem}\r\n    .case-caption span{color:var(--muted);font-size:.84rem}\r\n    .slider-btn{position:absolute;z-index:3;top:calc(50% - 34px);width:50px;height:50px;border:1px solid rgba(51,71,91,.12);border-radius:50%;background:rgba(255,255,255,.9);color:var(--navy);font-size:1.75rem;line-height:1;box-shadow:0 12px 32px -18px rgba(20,37,52,.8);cursor:pointer;transition:transform .2s,background .2s}\r\n    .slider-btn:hover{background:#fff;transform:scale(1.05)}\r\n    .slider-prev{left:18px}.slider-next{right:18px}\r\n    .portfolio-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:25px}\r\n    .dots{display:flex;gap:9px;flex-wrap:wrap}\r\n    .dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cbd3d9;cursor:pointer}\r\n    .dot[aria-selected=\"true\"]{width:28px;border-radius:99px;background:var(--orange)}\r\n\r\n\r\n    \/* Testimonials *\/\r\n    .testimonials{background:#f5f6f8;border-top:1px solid var(--line)}\r\n    .testimonials-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}\r\n    .testimonials-head p{max-width:56ch;color:var(--muted);margin:0}\r\n    .testimonial-shell{position:relative}\r\n    .testimonial-viewport{overflow:hidden}\r\n    .testimonial-track{display:flex;gap:26px;transition:transform .45s ease}\r\n    .testimonial-card{\r\n      flex:0 0 calc((100% - 52px) \/ 3);\r\n      min-width:0;\r\n      background:#fff;\r\n      border:1px solid var(--line);\r\n      border-radius:26px;\r\n      box-shadow:0 18px 42px rgba(16,29,46,.10);\r\n      overflow:hidden;\r\n      display:grid;\r\n      grid-template-rows:auto 1fr;\r\n    }\r\n    .testimonial-photo{\r\n      aspect-ratio:1.18 \/ 1;\r\n      background:linear-gradient(180deg,#e7e7e7 0%,#d8dbe0 100%);\r\n      overflow:hidden;\r\n    }\r\n    .testimonial-photo img{\r\n      width:100%;\r\n      height:100%;\r\n      display:block;\r\n      object-fit:cover;\r\n    }\r\n    .testimonial-body{\r\n      padding:20px 22px 22px;\r\n      display:grid;\r\n      gap:16px;\r\n    }\r\n    .testimonial-quote{\r\n      color:#50606e;\r\n      font-size:.92rem;\r\n      line-height:1.7;\r\n      margin:0;\r\n    }\r\n    .testimonial-meta{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap:16px;\r\n      padding-top:6px;\r\n    }\r\n    .testimonial-person{display:grid;gap:2px}\r\n    .testimonial-name{\r\n      color:var(--navy);\r\n      font-size:.88rem;\r\n      font-weight:800;\r\n      line-height:1.2;\r\n    }\r\n    .testimonial-role{\r\n      color:#8a96a0;\r\n      font-size:.74rem;\r\n      line-height:1.35;\r\n    }\r\n    .testimonial-mark{\r\n      color:#a8b1b9;\r\n      font-size:.72rem;\r\n      font-weight:700;\r\n      letter-spacing:.08em;\r\n      text-transform:uppercase;\r\n      white-space:nowrap;\r\n    }\r\n    .testimonial-controls{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:12px;\r\n      margin-top:28px;\r\n    }\r\n    .testimonial-arrow{\r\n      width:50px;\r\n      height:50px;\r\n      border-radius:999px;\r\n      border:1px solid var(--line);\r\n      background:#fff;\r\n      color:var(--navy);\r\n      font:inherit;\r\n      font-size:1.1rem;\r\n      cursor:pointer;\r\n      transition:transform .2s ease, background .2s ease, border-color .2s ease;\r\n    }\r\n    .testimonial-arrow:hover{background:#f8f9fb;border-color:#cfd6dc;transform:translateY(-1px)}\r\n    .testimonial-dots{display:flex;align-items:center;gap:8px}\r\n    .testimonial-dot{\r\n      width:10px;height:10px;border-radius:999px;border:none;\r\n      background:#d2d8de;cursor:pointer;padding:0;\r\n      transition:transform .2s ease, background .2s ease;\r\n    }\r\n    .testimonial-dot.is-active{background:var(--orange);transform:scale(1.08)}\r\n    .testimonial-note{\r\n      margin-left:auto;\r\n      color:#8a96a0;\r\n      font-size:.75rem;\r\n      font-weight:700;\r\n      text-transform:uppercase;\r\n      letter-spacing:.08em;\r\n    }\r\n\r\n\r\n    .testimonial-fallback{\r\n      display:none;\r\n      width:100%;\r\n      height:100%;\r\n      min-height:100%;\r\n      place-items:center;\r\n      background:\r\n        radial-gradient(circle at 30% 20%, rgba(255,255,255,.5), transparent 30%),\r\n        linear-gradient(180deg,#dfe5ea 0%,#cfd7de 100%);\r\n      color:var(--navy);\r\n      text-align:center;\r\n      padding:24px;\r\n    }\r\n    .testimonial-fallback-inner{display:grid;gap:10px;justify-items:center}\r\n    .testimonial-initials{\r\n      width:82px;height:82px;border-radius:999px;\r\n      display:grid;place-items:center;\r\n      background:#fff;color:var(--navy);\r\n      font-size:1.45rem;font-weight:800;\r\n      box-shadow:0 10px 24px rgba(16,29,46,.10);\r\n    }\r\n    .testimonial-fallback-label{\r\n      font-size:.74rem;\r\n      letter-spacing:.08em;\r\n      text-transform:uppercase;\r\n      color:#6f7f8b;\r\n      font-weight:700;\r\n    }\r\n\r\n\r\n    @media (max-width:1024px){\r\n      .testimonial-card{flex:0 0 calc((100% - 26px) \/ 2)}\r\n    }\r\n\r\n    @media (max-width:680px){\r\n      .testimonials-head{align-items:start;flex-direction:column}\r\n      .testimonial-card{flex:0 0 100%}\r\n      .testimonial-controls{justify-content:space-between}\r\n      .testimonial-note{display:none}\r\n    }\r\n\r\n    \/* Project inquiry form *\/\r\n    .inquiry{background:#f6f7f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\r\n    .inquiry-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:clamp(44px,7vw,90px);align-items:start}\r\n    .inquiry-copy{position:sticky;top:110px}\r\n    .inquiry-copy h2{margin:15px 0 20px;max-width:12ch}\r\n    .inquiry-copy p{max-width:48ch;color:var(--muted)}\r\n    .inquiry-points{display:grid;gap:12px;margin-top:28px}\r\n    .inquiry-point{display:flex;align-items:flex-start;gap:12px;color:var(--navy);font-size:.9rem;font-weight:700}\r\n    .inquiry-point::before{content:\"\";width:8px;height:8px;margin-top:.5em;border-radius:50%;background:var(--orange);flex:0 0 auto}\r\n    .inquiry-form{padding:clamp(26px,4vw,42px);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}\r\n    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\r\n    .field-group{display:grid;gap:8px}\r\n    .field-group.full{grid-column:1\/-1}\r\n    .field-group label{color:var(--navy);font-size:.79rem;font-weight:800}\r\n    .field-group input,.field-group select,.field-group textarea{width:100%;border:1px solid #d8dfe4;border-radius:10px;background:#fbfcfc;color:var(--ink);padding:13px 14px;font:inherit;font-size:.92rem;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}\r\n    .field-group input,.field-group select{min-height:48px}\r\n    .field-group textarea{min-height:150px;resize:vertical}\r\n    .field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(255,152,97,.14)}\r\n    .field-group input::placeholder,.field-group textarea::placeholder{color:#96a3ad}\r\n    .field-help{display:flex;justify-content:space-between;gap:14px;color:#7b8994;font-size:.72rem}\r\n    .char-count{white-space:nowrap}\r\n    .form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}\r\n    .form-note{max-width:44ch;margin:0;color:#7a8994;font-size:.72rem}\r\n    .form-status{margin:16px 0 0;color:var(--navy);font-size:.82rem;font-weight:700}\r\n    .honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}\r\n    @media (max-width:900px){.inquiry-grid{grid-template-columns:1fr}.inquiry-copy{position:static}.inquiry-copy h2{max-width:none}}\r\n    @media (max-width:620px){.form-grid{grid-template-columns:1fr}.field-group.full{grid-column:auto}.form-footer{align-items:stretch;flex-direction:column}.form-footer .btn{width:100%}}\r\n\r\n    \/* Contact *\/\r\n    .contact{position:relative;overflow:hidden;min-height:580px;background:linear-gradient(180deg,var(--paper),#fff)}\r\n    .contact::before{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,#fbfaf8 0%,rgba(251,250,248,.95) 42%,rgba(251,250,248,.1) 74%)}\r\n    .contact-art{position:absolute;right:-3%;bottom:0;width:min(64vw,920px);height:92%;object-fit:cover;object-position:center bottom;clip-path:polygon(20% 8%,100% 0,100% 100%,0 100%,8% 42%);filter:saturate(.9) contrast(1.03)}\r\n    .contact-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,580px) 1fr;align-items:center;min-height:580px;padding-block:78px}\r\n    .contact-copy h2{margin:15px 0 18px}\r\n    .contact-copy>p{max-width:55ch;color:var(--muted)}\r\n    .contact-copy>p strong{color:var(--ink)}\r\n    .contact-list{display:grid;gap:12px;margin:26px 0}\r\n    .contact-link{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;font-weight:750;color:var(--navy)}\r\n    .contact-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffe2cf;color:var(--orange-2);font-size:.95rem}\r\n    .socials{display:flex;gap:9px}\r\n    .socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffd0b2;border-radius:10px;background:#fff3eb;color:var(--orange-2);font-size:.78rem;font-weight:800;transition:.2s}\r\n    .socials a:hover{background:var(--orange);color:var(--navy-3);transform:translateY(-2px)}\r\n\r\n    \/* Footer *\/\r\n    .footer{background:linear-gradient(160deg,var(--navy-2),var(--navy-3));color:#c9d5dd}\r\n    .footer-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 0;border-bottom:1px solid rgba(255,255,255,.12)}\r\n    .footer-cta h2{max-width:700px;margin:8px 0 0;color:#fff;font-size:clamp(1.8rem,3.3vw,3.1rem)}\r\n    .footer-main{display:grid;grid-template-columns:1.25fr .8fr 1.3fr .9fr 1.15fr;gap:clamp(28px,4vw,58px);padding:60px 0 48px}\r\n    .footer-brand img{width:112px;margin-bottom:18px}\r\n    .footer-brand p{max-width:30ch;margin-bottom:20px;font-size:.86rem;color:#adbdc8}\r\n    .footer-title{margin:0 0 17px;color:#fff;font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}\r\n    .footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.84rem}\r\n    .footer a{transition:color .2s}\r\n    .footer a:hover{color:var(--orange)}\r\n    .footer-address{font-style:normal;font-size:.84rem;line-height:1.8}\r\n    .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);color:#93a7b5;font-size:.76rem}\r\n    .legal{display:flex;gap:18px;flex-wrap:wrap}\r\n\r\n    \/* Reveal *\/\r\n    .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}\r\n    .reveal.in{opacity:1;transform:none}\r\n\r\n    @media (max-width:1050px){\r\n      .about-grid{grid-template-columns:1fr 1fr;gap:48px}\r\n      .footer-main{grid-template-columns:1.2fr repeat(2,1fr)}\r\n      .footer-contact,.footer-industries{margin-top:10px}\r\n    }\r\n    @media (max-width:860px){\r\n      .nav{height:80px}\r\n      .menu-toggle{display:block}\r\n      .nav-links{position:absolute;left:0;right:0;top:80px;display:none;align-items:stretch;gap:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}\r\n      .nav-links.open{display:grid}\r\n      .nav-links>a{padding:12px 10px!important}\r\n      .nav-links>a:not(.btn){border-bottom:1px solid var(--line)}\r\n      .nav-links>a::after{display:none}\r\n      .nav-cta{margin-top:10px}\r\n      .hero{min-height:680px;align-items:end}\r\n      .hero-content{padding-bottom:42px}\r\n      .hero-card{max-width:630px}\r\n      .about-grid{grid-template-columns:1fr}\r\n      .section-head{display:block}\r\n      .section-head p{margin-top:16px}\r\n      .service-grid{grid-template-columns:repeat(2,1fr)}\r\n      .contact::before{background:linear-gradient(90deg,#fbfaf8 0%,rgba(251,250,248,.96) 58%,rgba(251,250,248,.35) 100%)}\r\n      .contact-art{right:-35%;width:100%;opacity:.58}\r\n      .contact-inner{grid-template-columns:1fr}\r\n      .footer-cta{align-items:flex-start;flex-direction:column}\r\n    }\r\n    @media (max-width:620px){\r\n      :root{--section:68px}\r\n      .logo img{width:auto;height:40px;max-width:154px}\r\n      .nav-links{left:0;right:0}\r\n      .hero{min-height:710px}\r\n      .hero-media{object-position:59% center}\r\n      .hero-content{padding-bottom:20px}\r\n      .hero-card{padding:28px 23px;border-radius:20px}\r\n      .hero-actions{display:grid}\r\n      .stats,.service-grid{grid-template-columns:1fr}\r\n      .stat{min-height:132px}\r\n      .service-card{min-height:330px}\r\n      .section-head{margin-bottom:30px}\r\n      .case img{aspect-ratio:4\/3}\r\n      .case-caption{align-items:flex-start;flex-direction:column;padding:16px}\r\n      .slider-btn{top:40%;width:44px;height:44px}\r\n      .slider-prev{left:10px}.slider-next{right:10px}\r\n      .portfolio-nav{align-items:flex-start;flex-direction:column}\r\n      .portfolio-nav .btn{width:100%}\r\n      .contact{min-height:650px}\r\n      .contact-art{right:-78%;width:160%;height:74%;opacity:.3}\r\n      .contact-inner{min-height:650px;padding-block:65px}\r\n      .footer-main{grid-template-columns:1fr 1fr}\r\n      .footer-brand,.footer-contact{grid-column:1\/-1}\r\n      .footer-bottom{align-items:flex-start;flex-direction:column}\r\n    }\r\n\r\n    \/* ===== Global spacing + corner refinement ===== *\/\r\n    :root{\r\n      --content-gutter:50px;\r\n      --shape-radius:22px;\r\n      --shape-radius-lg:26px;\r\n    }\r\n\r\n    \/* Consistent horizontal breathing room *\/\r\n    .wrap{\r\n      width:min(calc(100% - (var(--content-gutter) * 2)),var(--wrap));\r\n    }\r\n\r\n    \/* Keep major page sections visually separated *\/\r\n    .section{\r\n      padding-block:clamp(74px,7vw,108px);\r\n    }\r\n\r\n    .section-head{\r\n      margin-bottom:50px;\r\n    }\r\n\r\n    \/* Consistent rounded geometry across box-shaped UI *\/\r\n    .hero-card,\r\n    .stat,\r\n    .service-card,\r\n    .portfolio-window,\r\n    .inquiry-form,\r\n    .nav-links,\r\n    .contact-icon,\r\n    .socials a,\r\n    .field-group input,\r\n    .field-group select,\r\n    .field-group textarea{\r\n      border-radius:var(--shape-radius);\r\n    }\r\n\r\n    .hero-card,\r\n    .portfolio-window,\r\n    .inquiry-form{\r\n      border-radius:var(--shape-radius-lg);\r\n    }\r\n\r\n    \/* Cards should never visually touch the viewport edge *\/\r\n    .service-grid,\r\n    .stats,\r\n    .portfolio-shell,\r\n    .inquiry-grid,\r\n    .about-grid{\r\n      min-width:0;\r\n    }\r\n\r\n    \/* Slightly larger inner card breathing room *\/\r\n    .service-card{padding:30px}\r\n    .stat{padding:28px}\r\n    .case-caption{padding:22px 26px}\r\n\r\n    @media (max-width:1050px){\r\n      :root{--content-gutter:36px}\r\n    }\r\n\r\n    @media (max-width:620px){\r\n      :root{--content-gutter:20px}\r\n      .section{padding-block:64px}\r\n      .section-head{margin-bottom:32px}\r\n      .service-card{padding:24px}\r\n      .stat{padding:24px}\r\n      .hero-card{border-radius:20px}\r\n    }\r\n\r\n\r\n    @media (max-width:860px){\r\n      .brand-band{padding:12px 0}\r\n      .brand-set{gap:48px;padding-inline:24px}\r\n      .brand-item{width:124px;height:60px}\r\n    }\r\n\r\n    @media (max-width:620px){\r\n      .brand-band{padding:10px 0}\r\n      .brand-set{gap:36px;padding-inline:18px}\r\n      .brand-item{width:112px;height:54px}\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      html{scroll-behavior:auto}\r\n      *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}\r\n      .brand-track{animation:none}\r\n      .reveal{opacity:1;transform:none}\r\n    }\r\n<\/style>\r\n\r\n<a class=\"skip\" href=\"#main\">Skip to content<\/a>\r\n\r\n  <div class=\"igneo-fullbleed\">\r\n  <header class=\"site-header\">\r\n    <div class=\"wrap nav\">\r\n      <a class=\"logo\" href=\"#top\" aria-label=\"Igneo Media home\">\r\n        <img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Logo-Horizontal.png\" alt=\"Igneo Media\">\r\n      <\/a>\r\n      <button class=\"menu-toggle\" id=\"menuToggle\" aria-expanded=\"false\" aria-controls=\"siteNav\" aria-label=\"Open navigation\"><span><\/span><\/button>\r\n      <nav class=\"nav-links\" id=\"siteNav\" aria-label=\"Primary navigation\">\r\n        <a href=\"#top\" aria-current=\"page\">Home<\/a>\r\n        <a href=\"#about\">About Us<\/a>\r\n        <a href=\"#services\">Our Solutions<\/a>\r\n        <a href=\"#portfolio\">Portfolio<\/a>\r\n        <a class=\"btn btn-primary nav-cta\" href=\"#project-inquiry\">Start a Project<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main id=\"main\">\r\n    <section class=\"hero\" id=\"top\" aria-labelledby=\"heroTitle\">\r\n      <img decoding=\"async\" class=\"hero-media\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-Image-01.png\" alt=\"Mountain peaks emerging through clouds\" fetchpriority=\"high\">\r\n      <div class=\"wrap hero-content\">\r\n        <div class=\"hero-card\">\r\n          <span class=\"eyebrow\">Business-first creative growth<\/span>\r\n          <h1 id=\"heroTitle\">We Build Businesses,<br>Not Just Brands.<\/h1>\r\n          <p>We combine strategy, branding, and digital execution to deliver goal-first systems designed for scalable growth.<\/p>\r\n          <div class=\"hero-actions\">\r\n            <a class=\"btn btn-primary\" href=\"#project-inquiry\">Start Your Growth Strategy <span class=\"arrow\">\u2192<\/span><\/a>\r\n            <a class=\"btn btn-ghost\" href=\"#portfolio\">View Our Work<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"brand-band\" aria-label=\"Businesses and brands we have worked with\">\r\n      <div class=\"brand-track\" id=\"brandTrack\"><\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section\" id=\"about\">\r\n      <div class=\"wrap about-grid reveal\">\r\n        <div class=\"about-copy\">\r\n          <span class=\"eyebrow\">Who we are<\/span>\r\n          <h2>Get to know us<\/h2>\r\n          <p>We partner with businesses that are ready to evolve, strengthen their position, and build a clearer path to growth.<\/p>\r\n          <p>From strategy to execution, our team creates systems that generate leads, elevate brands, and move businesses toward measurable results.<\/p>\r\n          <a class=\"btn btn-primary\" href=\"#services\">Explore Our Approach <span class=\"arrow\">\u2192<\/span><\/a>\r\n        <\/div>\r\n        <div class=\"stats\" aria-label=\"Igneo Media experience\">\r\n          <div class=\"stat\"><strong>10+<\/strong><span>Years of experience<\/span><\/div>\r\n          <div class=\"stat\"><strong>50+<\/strong><span>Businesses scaled<\/span><\/div>\r\n          <div class=\"stat\"><strong>75+<\/strong><span>Projects delivered<\/span><\/div>\r\n          <div class=\"stat\"><strong>45+<\/strong><span>Active growth partnerships<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section services\" id=\"services\">\r\n      <div class=\"wrap\">\r\n        <div class=\"section-head reveal\">\r\n          <div>\r\n            <span class=\"eyebrow\">Our solutions<\/span>\r\n            <h2>What Can We Do For You?<\/h2>\r\n          <\/div>\r\n          <p>Business solutions shaped around your goals\u2014not a one-size-fits-all package.<\/p>\r\n        <\/div>\r\n        <div class=\"service-grid reveal\">\r\n          <article class=\"service-card\"><h3>Growth Strategy<\/h3><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01.png\" alt=\"\" loading=\"lazy\"><\/article>\r\n          <article class=\"service-card\"><h3>Brand Positioning<\/h3><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/02.png\" alt=\"\" loading=\"lazy\"><\/article>\r\n          <article class=\"service-card\"><h3>Motion &amp; Graphics<\/h3><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/03.png\" alt=\"\" loading=\"lazy\"><\/article>\r\n          <article class=\"service-card\"><h3>Web &amp; Ecommerce<\/h3><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/04.png\" alt=\"\" loading=\"lazy\"><\/article>\r\n          <article class=\"service-card\"><h3>Social Media<\/h3><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/05.png\" alt=\"\" loading=\"lazy\"><\/article>\r\n          <article class=\"service-card\"><h3>More Business Solutions<\/h3><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/06.png\" alt=\"\" loading=\"lazy\"><\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section work\" id=\"portfolio\">\r\n      <div class=\"wrap\">\r\n        <div class=\"section-head reveal\">\r\n          <div>\r\n            <span class=\"eyebrow\">Selected work<\/span>\r\n            <h2>Case Studies<\/h2>\r\n          <\/div>\r\n          <p>Strategy, brand, and digital systems built around the realities of each business.<\/p>\r\n        <\/div>\r\n        <div class=\"portfolio-shell reveal\" id=\"portfolioSlider\" aria-roledescription=\"carousel\" aria-label=\"Igneo Media case studies\">\r\n          <div class=\"portfolio-window\">\r\n            <div class=\"portfolio-track\" id=\"portfolioTrack\">\r\n              <article class=\"case\" role=\"group\" aria-label=\"1 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages01.png\" alt=\"La Torta Pastry Station case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>La Torta \u2014 Pastry Station<\/strong><span>Branding &amp; Product System<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"2 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages02.png\" alt=\"Mr. Romeo Candle Co. case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>Mr. Romeo Candle Co.<\/strong><span>Brand Identity &amp; Product System<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"3 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages03.png\" alt=\"Illustrania case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>Illustrania<\/strong><span>Brand System<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"4 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages04.png\" alt=\"Milza Campins case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>Milza Campins<\/strong><span>Website Development<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"5 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages05.png\" alt=\"ERO Lighting case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>ERO Lighting<\/strong><span>Website + Product Development<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"6 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages06.png\" alt=\"Beyond Institute and Career Center case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>Beyond Institute &amp; Career Center<\/strong><span>Brand, Web and Business Development Growth<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"7 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages07.png\" alt=\"Matiz Internacional case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>Matiz Internacional<\/strong><span>Website<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"8 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages08.png\" alt=\"LOR D'Vanguard case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>LOR D'Vanguard<\/strong><span>Branding &amp; Product System<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"9 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages09.png\" alt=\"Celismar Rangel case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>Celismar Rangel<\/strong><span>Business and Brand Development<\/span><\/div><\/article>\r\n              <article class=\"case\" role=\"group\" aria-label=\"10 of 10\"><img decoding=\"async\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/Website-@igneomedia-01-Home-PortfolioCoverImages10.png\" alt=\"WC Realty Partners case study cover\" loading=\"lazy\"><div class=\"case-caption\"><strong>WC Realty Partners<\/strong><span>Branding &amp; Website Development<\/span><\/div><\/article>\r\n            <\/div>\r\n          <\/div>\r\n          <button class=\"slider-btn slider-prev\" id=\"portfolioPrev\" type=\"button\" aria-label=\"Previous case study\">\u2039<\/button>\r\n          <button class=\"slider-btn slider-next\" id=\"portfolioNext\" type=\"button\" aria-label=\"Next case study\">\u203a<\/button>\r\n          <div class=\"portfolio-nav\">\r\n            <div class=\"dots\" id=\"portfolioDots\" role=\"tablist\" aria-label=\"Choose a case study\"><\/div>\r\n            <a class=\"btn btn-primary\" href=\"#project-inquiry\">Discuss a Similar Project <span class=\"arrow\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n    \r\n    <section class=\"section testimonials\" id=\"testimonials\" aria-labelledby=\"testimonialsTitle\">\r\n      <div class=\"wrap\">\r\n        <div class=\"testimonials-head reveal\">\r\n          <div>\r\n            <span class=\"eyebrow\">Client Testimonials<\/span>\r\n            <h2 id=\"testimonialsTitle\">What Clients Say About Working With Igneo Media.<\/h2>\r\n          <\/div>\r\n          <p>This section is designed in a card-style carousel inspired by the reference you shared. Replace each placeholder image, name, company, and quote with the final approved client testimonials.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"testimonial-shell reveal\">\r\n          <div class=\"testimonial-viewport\" id=\"testimonialViewport\">\r\n            <div class=\"testimonial-track\" id=\"testimonialTrack\">\r\n\r\n                        <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages01-StephanyShanown.png\" alt=\"Stephany Shanown\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">SS<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media helped us turn La Torta into a much more complete and recognizable brand. They looked beyond the logo and helped us create a visual identity and brand direction that felt consistent with the experience we wanted customers to have. The result gave the business a stronger, more professional foundation to grow from.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Stephany Shanown<\/span>\r\n                    <span class=\"testimonial-role\">La Torta Pastry Station \u00b7 \u00d1u\u00f1oa, Chile<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages02-DanielaOrtiz.png\" alt=\"Daniela Ortiz\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">DO<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media was involved from the very beginning of Mr. Romeo Candle Co. They helped develop the identity, logo and mascot, then carried that vision through product development, iterations, production and the final retail experience. What started as an idea became a cohesive, market-ready brand and product.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Daniela Ortiz<\/span>\r\n                    <span class=\"testimonial-role\">Mr. Romeo Candle Co. \u00b7 Orlando, Florida<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages03-KeniaGonzalez.png\" alt=\"Kenia Gonzalez\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">KG<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media helped us develop Illustrania as both a brand and a business. Their support went from positioning and identity to the business model, planning and business training. Having the creative and business sides developed together gave us much more clarity, structure and direction for the company.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Kenia Gonzalez<\/span>\r\n                    <span class=\"testimonial-role\">Illustrania \u00b7 Maracaibo, Venezuela<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages04-GustavoTello.png\" alt=\"Gustavo Tello\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">GT<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media became a true extension of the ERO Lighting project. Their work connected our brand, products, website, catalogs, packaging, marketing materials and audiovisual content into one cohesive system. More importantly, they approached each creative decision with the business and its long-term development in mind.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Gustavo Tello<\/span>\r\n                    <span class=\"testimonial-role\">ERO Lighting \u00b7 Miami, Florida<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages05-SandraRosario.png\" alt=\"Sandra Rosario\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">SR<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cOur work with Igneo Media went far beyond a rebrand. They supported Beyond Institute & Career Center through business consulting, brand development, website strategy, brand integrity and even the redesign of our physical environment. Their multidisciplinary approach helped strengthen our foundation during a major period of expansion that included more than $5 million in approved investment.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Sandra Rosario<\/span>\r\n                    <span class=\"testimonial-role\">Beyond Institute & Career Center \u00b7 Orlando, Florida<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages06-CelismarRangel.png\" alt=\"Celismar Rangel\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">CR<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media helped me create a clearer and more strategic digital presence around my real estate business. Their approach connected my positioning, website, content and marketing around the needs of buyers, sellers and investors. The process gave my personal brand greater consistency and a stronger foundation for communicating the value I provide to my clients.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Celismar Rangel<\/span>\r\n                    <span class=\"testimonial-role\">Celismar Rangel Realtor \u00b7 Orlando, Florida<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages07-CelismarRangel.png\" alt=\"Celismar Rangel\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">CR<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media helped us strengthen how WC Realty Partners presents itself across its brand and digital presence. Their work brought greater consistency to our positioning, website and marketing while keeping the focus on education, guidance and relationships with our clients. They understand how to connect creative execution with the goals of the business.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Celismar Rangel<\/span>\r\n                    <span class=\"testimonial-role\">WC Realty Partners \u00b7 Orlando, Florida<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages08-CarmenMunoz.png\" alt=\"Carmen Mu\u00f1oz\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">CM<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media helped Matiz Internacional strengthen its brand and create a more cohesive digital presence. Through brand design, website development, social media and advertising, they gave us a clearer platform to communicate our mission and connect with the communities we serve. Their work helped bring greater consistency and direction to our online presence.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Carmen Mu\u00f1oz<\/span>\r\n                    <span class=\"testimonial-role\">Matiz Internacional \u00b7 Miami, Florida<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n<article class=\"testimonial-card\">\r\n              <div class=\"testimonial-photo\">\r\n                <img src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-TestimonialImages01-StephanyShanown.png\" alt=\"Stephany Shanown\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='grid';\">\r\n                <div class=\"testimonial-fallback\" aria-hidden=\"true\">\r\n                  <div class=\"testimonial-fallback-inner\">\r\n                    <div class=\"testimonial-initials\">SS<\/div>\r\n                    <div class=\"testimonial-fallback-label\">Portrait Placeholder<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"testimonial-body\">\r\n                <p class=\"testimonial-quote\">\u201cIgneo Media helped us turn La Torta into a much more complete and recognizable brand. They looked beyond the logo and helped us create a visual identity and brand direction that felt consistent with the experience we wanted customers to have. The result gave the business a stronger, more professional foundation to grow from.\u201d<\/p>\r\n                <div class=\"testimonial-meta\">\r\n                  <div class=\"testimonial-person\">\r\n                    <span class=\"testimonial-name\">Stephany Shanown<\/span>\r\n                    <span class=\"testimonial-role\">La Torta Pastry Station \u00b7 \u00d1u\u00f1oa, Chile<\/span>\r\n                  <\/div>\r\n                  <span class=\"testimonial-mark\">Igneo<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/article>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"testimonial-controls\">\r\n            <button class=\"testimonial-arrow\" type=\"button\" id=\"testimonialPrev\" aria-label=\"Previous testimonials\">\u2190<\/button>\r\n            <div class=\"testimonial-dots\" id=\"testimonialDots\" aria-label=\"Testimonial slider pagination\"><\/div>\r\n            <button class=\"testimonial-arrow\" type=\"button\" id=\"testimonialNext\" aria-label=\"Next testimonials\">\u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section inquiry\" id=\"project-inquiry\" aria-labelledby=\"inquiryTitle\">\r\n      <div class=\"wrap inquiry-grid\">\r\n        <div class=\"inquiry-copy reveal\">\r\n          <span class=\"eyebrow\">We'd love to hear your next project<\/span>\r\n          <h2 id=\"inquiryTitle\">Start a Conversation About Your Business.<\/h2>\r\n          <p>Share a few details about your company, your current needs, and what you would like to improve. We\u2019ll use this information to understand the right next step.<\/p>\r\n          <div class=\"inquiry-points\" aria-label=\"What happens next\">\r\n            <div class=\"inquiry-point\">Tell us what you are trying to solve.<\/div>\r\n            <div class=\"inquiry-point\">Choose the service area that feels closest to your need.<\/div>\r\n            <div class=\"inquiry-point\">We\u2019ll review your message and respond with the best next step.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <form class=\"inquiry-form reveal\" id=\"igneoContactForm\" method=\"post\" action=\"\" novalidate>\r\n          <div class=\"form-grid\">\r\n            <div class=\"field-group\">\r\n              <label for=\"firstName\">First Name *<\/label>\r\n              <input id=\"firstName\" name=\"first_name\" type=\"text\" autocomplete=\"given-name\" required maxlength=\"80\" placeholder=\"First name\">\r\n            <\/div>\r\n            <div class=\"field-group\">\r\n              <label for=\"lastName\">Last Name *<\/label>\r\n              <input id=\"lastName\" name=\"last_name\" type=\"text\" autocomplete=\"family-name\" required maxlength=\"80\" placeholder=\"Last name\">\r\n            <\/div>\r\n            <div class=\"field-group full\">\r\n              <label for=\"businessName\">Business Name *<\/label>\r\n              <input id=\"businessName\" name=\"business_name\" type=\"text\" autocomplete=\"organization\" required maxlength=\"120\" placeholder=\"Business or organization\">\r\n            <\/div>\r\n            <div class=\"field-group\">\r\n              <label for=\"emailAddress\">Email Address *<\/label>\r\n              <input id=\"emailAddress\" name=\"email\" type=\"email\" autocomplete=\"email\" required maxlength=\"160\" placeholder=\"you@business.com\">\r\n            <\/div>\r\n            <div class=\"field-group\">\r\n              <label for=\"phoneNumber\">Phone Number<\/label>\r\n              <input id=\"phoneNumber\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" maxlength=\"40\" placeholder=\"+1 (000) 000-0000\">\r\n            <\/div>\r\n            <div class=\"field-group full\">\r\n              <label for=\"reason\">Reason for Contact *<\/label>\r\n              <select id=\"reason\" name=\"reason\" required>\r\n                <option value=\"\" selected disabled>Select the closest service<\/option>\r\n                <option>Growth Strategy<\/option>\r\n                <option>Brand Positioning &amp; Identity<\/option>\r\n                <option>Web &amp; Ecommerce<\/option>\r\n                <option>Social Media &amp; Marketing<\/option>\r\n                <option>Motion &amp; Graphics<\/option>\r\n                <option>Ads &amp; Reach<\/option>\r\n                <option>AI &amp; Automation<\/option>\r\n                <option>Administrative Solutions<\/option>\r\n                <option>General Inquiry \/ Not Sure<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"field-group full\">\r\n              <label for=\"projectMessage\">Tell Us About Your Project *<\/label>\r\n              <textarea id=\"projectMessage\" name=\"message\" required maxlength=\"750\" placeholder=\"What are you trying to accomplish, improve, launch, or solve?\"><\/textarea>\r\n              <div class=\"field-help\">\r\n                <span>Please keep your message concise so we can review it quickly.<\/span>\r\n                <span class=\"char-count\"><span id=\"messageCount\">0<\/span>\/750<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"honeypot\" aria-hidden=\"true\">\r\n              <label for=\"websiteField\">Website<\/label>\r\n              <input id=\"websiteField\" name=\"website\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-footer\">\r\n            <p class=\"form-note\">By contacting us, you agree that Igneo Media may use the information above to respond to your inquiry.<\/p>\r\n            <button class=\"btn btn-primary\" type=\"submit\">Contact us! <span class=\"arrow\">\u2192<\/span><\/button>\r\n          <\/div>\r\n          <p class=\"form-status\" id=\"formStatus\" role=\"status\" aria-live=\"polite\"><\/p>\r\n        <\/form>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"contact\" id=\"contact\">\r\n      <img decoding=\"async\" class=\"contact-art\" src=\"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/01-Home-Image-02-scaled.png\" alt=\"\" loading=\"lazy\">\r\n      <div class=\"wrap contact-inner\">\r\n        <div class=\"contact-copy reveal\">\r\n          <span class=\"eyebrow\">Ready to move forward?<\/span>\r\n          <h2>Start Your Growth Strategy<\/h2>\r\n          <p><strong>Most clients come to us when they\u2019re ready to stop guessing and start scaling.<\/strong><\/p>\r\n          <p>If you\u2019re serious about growing your business, this is where the strategy begins.<\/p>\r\n          <div class=\"contact-list\">\r\n            <a class=\"contact-link\" href=\"tel:+14709747014\"><span class=\"contact-icon\" aria-hidden=\"true\">\u260e<\/span><span>+1 (470) 974-7014<\/span><\/a>\r\n            <a class=\"contact-link\" href=\"mailto:contact@igneomedia.com\"><span class=\"contact-icon\" aria-hidden=\"true\">\u2709<\/span><span>contact@igneomedia.com<\/span><\/a>\r\n          <\/div>\r\n          <div class=\"socials\" aria-label=\"Social media\">\r\n            <a href=\"https:\/\/www.instagram.com\/igneomedia\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">IG<\/a>\r\n            <a href=\"https:\/\/www.facebook.com\/igneomedia\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">FB<\/a>\r\n            <a href=\"https:\/\/www.linkedin.com\/in\/frederickjmedina\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">IN<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"footer\">\r\n    <div class=\"wrap\">\r\n      <div class=\"footer-cta\">\r\n        <div>\r\n          <span class=\"eyebrow\">Build what comes next<\/span>\r\n          <h2>Ready for a clearer growth system?<\/h2>\r\n        <\/div>\r\n        <a class=\"btn btn-primary\" href=\"mailto:contact@igneomedia.com?subject=Start%20a%20Project%20with%20Igneo%20Media\">Start a Conversation <span class=\"arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"footer-main\">\r\n        <div class=\"footer-brand\">\r\n          <img decoding=\"async\" src=\"assets-web\/brand\/logo-vertical-white.png\" alt=\"Igneo Media\">\r\n          <p>Business-first strategy and creative execution for brands ready to evolve.<\/p>\r\n          <div class=\"socials\" aria-label=\"Social media\">\r\n            <a href=\"https:\/\/www.instagram.com\/igneomedia\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">IG<\/a>\r\n            <a href=\"https:\/\/www.facebook.com\/igneomedia\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">FB<\/a>\r\n            <a href=\"https:\/\/www.linkedin.com\/in\/frederickjmedina\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">IN<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <h3 class=\"footer-title\">Company<\/h3>\r\n          <ul>\r\n            <li><a href=\"#about\">About Us<\/a><\/li>\r\n            <li><a href=\"#services\">Our Approach<\/a><\/li>\r\n            <li><a href=\"#portfolio\">Case Studies<\/a><\/li>\r\n            <li><a href=\"#contact\">Contact<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div>\r\n          <h3 class=\"footer-title\">Capabilities<\/h3>\r\n          <ul>\r\n            <li><a href=\"#services\">Strategy<\/a><\/li>\r\n            <li><a href=\"#services\">Branding<\/a><\/li>\r\n            <li><a href=\"#services\">Web &amp; Ecommerce<\/a><\/li>\r\n            <li><a href=\"#services\">Social Media &amp; Marketing<\/a><\/li>\r\n            <li><a href=\"#services\">Motion &amp; Graphics<\/a><\/li>\r\n            <li><a href=\"#services\">Ads &amp; Reach<\/a><\/li>\r\n            <li><a href=\"#services\">AI &amp; Automation<\/a><\/li>\r\n            <li><a href=\"#services\">Administrative Solutions<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"footer-industries\">\r\n          <h3 class=\"footer-title\">Industries<\/h3>\r\n          <ul>\r\n            <li>Real Estate<\/li>\r\n            <li>Professional Services<\/li>\r\n            <li>Education<\/li>\r\n            <li>Hospitality &amp; Retail<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"footer-contact\">\r\n          <h3 class=\"footer-title\">Get in touch<\/h3>\r\n          <address class=\"footer-address\">\r\n            <a href=\"tel:+14709747014\">+1 (470) 974-7014<\/a><br>\r\n            <a href=\"mailto:contact@igneomedia.com\">contact@igneomedia.com<\/a><br>\r\n            Monday\u2013Friday<br>\r\n            9:00 AM\u20136:00 PM\r\n          <\/address>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"footer-bottom\">\r\n        <span>\u00a9 <span id=\"year\">2026<\/span> Igneo Media. All rights reserved.<\/span>\r\n        <div class=\"legal\"><a href=\"\/privacy-policy\/\">Privacy Policy<\/a><a href=\"\/terms-and-conditions\/\">Terms &amp; Conditions<\/a><a href=\"#top\">Back to top \u2191<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n      const menuButton = document.getElementById(\"menuToggle\");\r\n      const menu = document.getElementById(\"siteNav\");\r\n      const closeMenu = () => {\r\n        menu.classList.remove(\"open\");\r\n        menuButton.setAttribute(\"aria-expanded\", \"false\");\r\n        menuButton.setAttribute(\"aria-label\", \"Open navigation\");\r\n      };\r\n      menuButton.addEventListener(\"click\", () => {\r\n        const open = menu.classList.toggle(\"open\");\r\n        menuButton.setAttribute(\"aria-expanded\", String(open));\r\n        menuButton.setAttribute(\"aria-label\", open ? \"Close navigation\" : \"Open navigation\");\r\n      });\r\n      menu.querySelectorAll(\"a\").forEach(link => link.addEventListener(\"click\", closeMenu));\r\n      document.addEventListener(\"keydown\", event => { if (event.key === \"Escape\") closeMenu(); });\r\n\r\n      const brandTrack = document.getElementById(\"brandTrack\");\r\n      const brandUrls = [\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands02.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands03.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands04.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands05.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands06.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands07.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands08.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands09.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands10.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands11.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands13.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands14.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands15.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands16.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands17.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands18.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands19.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands20.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands21.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands22.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands23.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands24.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands25.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands26.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands27.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands28.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands29.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands30.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands31.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands32.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands33.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands34.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands35.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands36.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands37.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands38.png\",\r\n        \"https:\/\/igneomedia.com\/wp-content\/uploads\/2026\/08\/@igneomedia-WorkedBrands39.png\"\r\n      ];\r\n      const createBrandSet = (hidden = false) => {\r\n        const set = document.createElement(\"div\");\r\n        set.className = \"brand-set\";\r\n        if (hidden) set.setAttribute(\"aria-hidden\", \"true\");\r\n        brandUrls.forEach((url, index) => {\r\n          const item = document.createElement(\"div\");\r\n          item.className = \"brand-item\";\r\n          const image = document.createElement(\"img\");\r\n          image.src = url;\r\n          image.alt = hidden ? \"\" : `Igneo Media client brand ${index + 1}`;\r\n          image.loading = \"lazy\";\r\n          image.decoding = \"async\";\r\n          item.appendChild(image);\r\n          set.appendChild(item);\r\n        });\r\n        return set;\r\n      };\r\n      brandTrack.append(createBrandSet(), createBrandSet(true));\r\n\r\n      const slider = document.getElementById(\"portfolioSlider\");\r\n      const track = document.getElementById(\"portfolioTrack\");\r\n      const slides = Array.from(track.children);\r\n      const dots = document.getElementById(\"portfolioDots\");\r\n      let current = 0;\r\n      let timer;\r\n      const goTo = index => {\r\n        current = (index + slides.length) % slides.length;\r\n        track.style.transform = `translateX(-${current * 100}%)`;\r\n        slides.forEach((slide, i) => {\r\n          slide.setAttribute(\"aria-hidden\", String(i !== current));\r\n          slide.querySelectorAll(\"a,button\").forEach(control => control.tabIndex = i === current ? 0 : -1);\r\n        });\r\n        Array.from(dots.children).forEach((dot, i) => dot.setAttribute(\"aria-selected\", String(i === current)));\r\n      };\r\n      slides.forEach((_, index) => {\r\n        const dot = document.createElement(\"button\");\r\n        dot.className = \"dot\";\r\n        dot.type = \"button\";\r\n        dot.setAttribute(\"role\", \"tab\");\r\n        dot.setAttribute(\"aria-label\", `Go to case study ${index + 1}`);\r\n        dot.addEventListener(\"click\", () => { goTo(index); restart(); });\r\n        dots.appendChild(dot);\r\n      });\r\n      const restart = () => {\r\n        window.clearInterval(timer);\r\n        if (!window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\r\n          timer = window.setInterval(() => goTo(current + 1), 6500);\r\n        }\r\n      };\r\n      document.getElementById(\"portfolioPrev\").addEventListener(\"click\", () => { goTo(current - 1); restart(); });\r\n      document.getElementById(\"portfolioNext\").addEventListener(\"click\", () => { goTo(current + 1); restart(); });\r\n      slider.addEventListener(\"mouseenter\", () => window.clearInterval(timer));\r\n      slider.addEventListener(\"mouseleave\", restart);\r\n      slider.addEventListener(\"focusin\", () => window.clearInterval(timer));\r\n      slider.addEventListener(\"focusout\", restart);\r\n      slider.addEventListener(\"keydown\", event => {\r\n        if (event.key === \"ArrowLeft\") { goTo(current - 1); restart(); }\r\n        if (event.key === \"ArrowRight\") { goTo(current + 1); restart(); }\r\n      });\r\n      let touchStart = null;\r\n      slider.addEventListener(\"touchstart\", event => { touchStart = event.touches[0].clientX; }, { passive: true });\r\n      slider.addEventListener(\"touchend\", event => {\r\n        if (touchStart === null) return;\r\n        const change = event.changedTouches[0].clientX - touchStart;\r\n        if (Math.abs(change) > 45) goTo(change < 0 ? current + 1 : current - 1);\r\n        touchStart = null;\r\n        restart();\r\n      }, { passive: true });\r\n      goTo(0);\r\n      restart();\r\n\r\n      const reveals = document.querySelectorAll(\".reveal\");\r\n      if (\"IntersectionObserver\" in window && !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\r\n        const observer = new IntersectionObserver(entries => {\r\n          entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"in\");\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: .12 });\r\n        reveals.forEach(item => observer.observe(item));\r\n      } else {\r\n        reveals.forEach(item => item.classList.add(\"in\"));\r\n      }\r\n\r\n      const contactForm = document.getElementById(\"igneoContactForm\");\r\n      const messageField = document.getElementById(\"projectMessage\");\r\n      const messageCount = document.getElementById(\"messageCount\");\r\n      const formStatus = document.getElementById(\"formStatus\");\r\n\r\n      if (messageField && messageCount) {\r\n        const updateCount = () => { messageCount.textContent = String(messageField.value.length); };\r\n        messageField.addEventListener(\"input\", updateCount);\r\n        updateCount();\r\n      }\r\n\r\n      if (contactForm) {\r\n        contactForm.addEventListener(\"submit\", event => {\r\n          event.preventDefault();\r\n          if (!contactForm.checkValidity()) {\r\n            contactForm.reportValidity();\r\n            formStatus.textContent = \"Please complete the required fields before sending your message.\";\r\n            return;\r\n          }\r\n          const honeypot = document.getElementById(\"websiteField\");\r\n          if (honeypot && honeypot.value.trim()) return;\r\n\r\n          const data = new FormData(contactForm);\r\n          const subject = `Igneo Media inquiry \u2014 ${data.get(\"reason\")} \u2014 ${data.get(\"business_name\")}`;\r\n          const body = [\r\n            `First Name: ${data.get(\"first_name\")}`,\r\n            `Last Name: ${data.get(\"last_name\")}`,\r\n            `Business Name: ${data.get(\"business_name\")}`,\r\n            `Email: ${data.get(\"email\")}`,\r\n            `Phone: ${data.get(\"phone\") || \"Not provided\"}`,\r\n            `Reason for Contact: ${data.get(\"reason\")}`,\r\n            \"\",\r\n            \"Project \/ Business Details:\",\r\n            data.get(\"message\")\r\n          ].join(\"\\n\");\r\n          formStatus.textContent = \"Opening your email application with the inquiry details ready to send.\";\r\n          window.location.href = `mailto:contact@igneomedia.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n        });\r\n      }\r\n\r\n\r\n      const testimonialTrack = document.getElementById(\"testimonialTrack\");\r\n      const testimonialViewport = document.getElementById(\"testimonialViewport\");\r\n      const testimonialPrev = document.getElementById(\"testimonialPrev\");\r\n      const testimonialNext = document.getElementById(\"testimonialNext\");\r\n      const testimonialDots = document.getElementById(\"testimonialDots\");\r\n\r\n      if (testimonialTrack && testimonialViewport && testimonialPrev && testimonialNext && testimonialDots) {\r\n        const testimonialCards = Array.from(testimonialTrack.children);\r\n        let testimonialIndex = 0;\r\n        let cardsPerView = 3;\r\n        let totalPages = 1;\r\n\r\n        const getCardsPerView = () => {\r\n          if (window.innerWidth <= 680) return 1;\r\n          if (window.innerWidth <= 1024) return 2;\r\n          return 3;\r\n        };\r\n\r\n        const buildTestimonialDots = () => {\r\n          testimonialDots.innerHTML = \"\";\r\n          for (let i = 0; i < totalPages; i++) {\r\n            const dot = document.createElement(\"button\");\r\n            dot.type = \"button\";\r\n            dot.className = \"testimonial-dot\" + (i === testimonialIndex ? \" is-active\" : \"\");\r\n            dot.setAttribute(\"aria-label\", `Go to testimonial page ${i + 1}`);\r\n            dot.addEventListener(\"click\", () => {\r\n              testimonialIndex = i;\r\n              updateTestimonials();\r\n            });\r\n            testimonialDots.appendChild(dot);\r\n          }\r\n        };\r\n\r\n        const updateTestimonials = () => {\r\n          cardsPerView = getCardsPerView();\r\n          totalPages = Math.max(1, Math.ceil(testimonialCards.length \/ cardsPerView));\r\n          testimonialIndex = Math.min(testimonialIndex, totalPages - 1);\r\n\r\n          const gap = 26;\r\n          const cardWidth = testimonialCards[0].getBoundingClientRect().width;\r\n          const offset = testimonialIndex * (cardWidth + gap) * cardsPerView;\r\n          testimonialTrack.style.transform = `translateX(-${offset}px)`;\r\n\r\n          Array.from(testimonialDots.children).forEach((dot, index) => {\r\n            dot.classList.toggle(\"is-active\", index === testimonialIndex);\r\n          });\r\n        };\r\n\r\n        testimonialPrev.addEventListener(\"click\", () => {\r\n          testimonialIndex = testimonialIndex <= 0 ? totalPages - 1 : testimonialIndex - 1;\r\n          updateTestimonials();\r\n        });\r\n\r\n        testimonialNext.addEventListener(\"click\", () => {\r\n          testimonialIndex = testimonialIndex >= totalPages - 1 ? 0 : testimonialIndex + 1;\r\n          updateTestimonials();\r\n        });\r\n\r\n        const initializeTestimonials = () => {\r\n          cardsPerView = getCardsPerView();\r\n          totalPages = Math.max(1, Math.ceil(testimonialCards.length \/ cardsPerView));\r\n          buildTestimonialDots();\r\n          updateTestimonials();\r\n        };\r\n\r\n        window.addEventListener(\"resize\", initializeTestimonials);\r\n        initializeTestimonials();\r\n      }\r\n\r\n\r\n      document.getElementById(\"year\").textContent = new Date().getFullYear();\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skip to content Home About Us Our Solutions Portfolio Start a Project Business-first creative growth We Build Businesses,Not Just Brands. We combine [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-391","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/pages\/391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/comments?post=391"}],"version-history":[{"count":17,"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/pages\/391\/revisions"}],"predecessor-version":[{"id":491,"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/pages\/391\/revisions\/491"}],"wp:attachment":[{"href":"https:\/\/igneomedia.com\/index.php\/wp-json\/wp\/v2\/media?parent=391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}