.nav-logo a{display:block;position:relative;width:190px;height:62px} .nav-logo .logo-white,.nav-logo .logo-black{position:absolute;left:0;top:50%;transform:translateY(-50%);height:60px;width:auto;transition:opacity .35s ease;filter:none!important;object-fit:contain} .nav-logo .logo-white{opacity:1}.nav-logo .logo-black{opacity:0}nav.scrolled .logo-white{opacity:0}nav.scrolled .logo-black{opacity:1} .hamburger{display:none;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18);border-radius:2px;width:44px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;margin-left:12px} .hamburger span{width:22px;height:2px;background:#fff;display:block;transition:.25s;border-radius:2px} nav.scrolled .hamburger{background:#fff;border-color:#e2ded9}nav.scrolled .hamburger span{background:#111} .hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)} .mobile-menu{display:none}.nav-links a.active{color:#E85C0D!important} .seo-inline-h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(23px,3vw,38px);font-weight:900;line-height:1.16;letter-spacing:-.018em;color:#0f0f0f;margin:0 0 18px;max-width:780px}.seo-inline-h1 em{font-style:italic;font-weight:400;color:#E85C0D}.seo-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E85C0D;margin:0 0 12px;display:block} .footer-grid,.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:52px;margin-bottom:44px}.footer-logo img{height:42px;opacity:.82;margin-bottom:16px;display:block}.footer-tagline{font-size:13px;color:#777;line-height:1.7;max-width:240px}.footer-col-h{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#777;margin-bottom:16px}.footer-list,.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-list a,.footer-links a{color:#777;text-decoration:none;font-size:13px}.footer-list a:hover,.footer-links a:hover{color:#E85C0D}.footer-bottom{border-top:1px solid #171717;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#555} .form-modal{position:fixed;inset:0;z-index:5000;display:none}.form-modal.open{display:block}.form-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.form-box{position:relative;max-width:760px;max-height:88vh;overflow:auto;background:#fff;margin:6vh auto;padding:38px;border-radius:4px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.form-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#0f0f0f;color:#fff;font-size:24px;cursor:pointer}.form-box h2{font-family:"Playfair Display",Georgia,serif;font-size:38px;line-height:1.12;margin:8px 0 10px;color:#0f0f0f}.modal-lead{color:#5a5a5a;line-height:1.7;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-box label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#333;display:block}.form-box input,.form-box select,.form-box textarea{display:block;width:100%;margin-top:7px;border:1px solid #dedede;padding:13px 14px;font-family:Inter,sans-serif;font-size:14px;border-radius:2px;background:#fff;color:#0f0f0f}.form-box textarea{min-height:120px;resize:vertical}.form-note{font-size:12px;color:#777;margin:16px 0;line-height:1.6}.hidden{display:none!important} .mobile-sticky-enquiry{display:none;position:fixed;left:0;right:0;bottom:0;z-index:3000;background:linear-gradient(90deg,#090909,#1a0d04);border-top:1px solid rgba(232,92,13,.35);padding:10px 12px;box-shadow:0 -10px 32px rgba(0,0,0,.28)}.mobile-sticky-enquiry button{width:100%;background:#E85C0D;color:#fff;border:0;padding:14px 18px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:2px}.mobile-sticky-enquiry button:after{content:" →"}.btn-flame,.nav-cta,.btn-outline-white{touch-action:manipulation}.content-link{color:#E85C0D;text-decoration:none;font-weight:700}.content-link:hover{text-decoration:underline} @media(max-width:900px){nav{height:68px;padding:0 5%;background:rgba(0,0,0,.84);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}nav.scrolled{background:rgba(255,255,255,.97)}.nav-links,nav>.nav-cta{display:none!important}.hamburger{display:flex}.mobile-menu{position:fixed;top:68px;left:0;right:0;z-index:199;background:#090909;border-top:1px solid #222;padding:18px 5% 24px;display:none;flex-direction:column;gap:16px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.mobile-menu.open{display:flex}.mobile-menu a{color:#fff;text-decoration:none;font-size:15px;padding:10px 0;border-bottom:1px solid #1d1d1d}.mobile-menu .nav-cta{display:block!important;width:100%;margin-top:8px;padding:14px 18px}.footer-grid,.footer-top{grid-template-columns:1fr 1fr;gap:30px}.form-grid{grid-template-columns:1fr}.form-box{margin:3vh 12px;max-height:92vh;padding:30px 18px}.mobile-sticky-enquiry{display:block}body{padding-bottom:68px}.seo-inline-h1{font-size:clamp(24px,8vw,36px)}.nav-logo a{width:164px;height:54px}.nav-logo .logo-white,.nav-logo .logo-black{height:50px}} @media(max-width:520px){.footer-grid,.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.hero-actions,.cta-btns{gap:12px}.hero-actions .btn-flame,.hero-actions .btn-outline-white{padding:14px 18px;min-width:0;flex:1}.hero-actions{width:100%}.form-box h2{font-size:31px}.footer-logo img{height:38px}} .seo-snippet-section{background:var(--white);padding:76px 8% 84px;border-bottom:1px solid var(--rule);position:relative;overflow:hidden} .seo-snippet-section::before{content:"";position:absolute;right:-140px;top:-140px;width:360px;height:360px;background:radial-gradient(circle,rgba(232,92,13,.09),transparent 68%);pointer-events:none} .seo-snippet-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.18fr .82fr;gap:54px;align-items:center} .seo-snippet-tag{margin-bottom:20px!important} .seo-snippet-section h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,4.8vw,60px);font-weight:900;line-height:1.08;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px;max-width:850px} .seo-snippet-section p{font-size:17px;color:var(--mid);line-height:1.82;max-width:760px;margin:0} .seo-snippet-panel{background:#0f0f0f;border:1px solid #222;padding:30px;border-radius:4px;box-shadow:0 24px 70px rgba(15,15,15,.08)} .seo-snippet-panel-title{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--flame);margin-bottom:16px} .seo-snippet-panel ul{list-style:none;display:grid;gap:12px;margin:0;padding:0} .seo-snippet-panel li{font-size:13px;color:#b8b8b8;line-height:1.55;border-bottom:1px solid #222;padding-bottom:12px} .seo-snippet-panel li:last-child{border-bottom:0;padding-bottom:0} .seo-snippet-panel a{color:#fff;text-decoration:none;font-weight:700}.seo-snippet-panel a:hover{color:var(--flame)} .faq-clean{padding:92px 8%;background:var(--cream);border-top:1px solid var(--rule)} .faq-clean-inner{max-width:1180px;margin:0 auto} .faq-clean-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px} .faq-clean h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,3.8vw,50px);line-height:1.12;margin:0;color:var(--ink)} .faq-clean .lead{max-width:430px;color:var(--mid);line-height:1.75;margin:0;font-size:15px} .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .faq-grid{counter-reset:faqnum} .faq-card{background:#fff;border:1px solid var(--rule);border-left:3px solid transparent;padding:28px 30px 26px;border-radius:6px;position:relative;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;counter-increment:faqnum} .faq-card:hover{border-left-color:#E85C0D;transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,15,15,.07)} .faq-card::before{content:counter(faqnum,decimal-leading-zero);position:absolute;top:14px;right:22px;font-family:'Playfair Display',Georgia,serif;font-size:34px;font-weight:900;color:#f0ebe3;line-height:1;z-index:0} .faq-card h3,.faq-card p{position:relative;z-index:1} .faq-card h3{padding-right:30px} .faq-card h3{font-family:"Playfair Display",Georgia,serif;font-size:21px;line-height:1.25;margin:0 0 10px;color:var(--ink)} .faq-card p{font-size:14px;color:var(--mid);line-height:1.75;margin:0} @media(max-width:900px){.seo-snippet-section{padding:54px 5% 62px}.seo-snippet-inner{grid-template-columns:1fr;gap:26px}.seo-snippet-section h1{font-size:clamp(31px,9vw,43px);line-height:1.12}.seo-snippet-section p{font-size:15px;line-height:1.75}.seo-snippet-panel{padding:22px}.faq-clean{padding:64px 5%}.faq-clean-head{display:block}.faq-clean .lead{margin-top:12px}.faq-grid{grid-template-columns:1fr}.mobile-sticky-enquiry{left:12px!important;right:12px!important;bottom:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.mobile-sticky-enquiry button{width:auto!important;min-width:210px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(90deg,#E85C0D,#F47A16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;padding:10px 20px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important;border-radius:999px!important;box-shadow:0 12px 34px rgba(232,92,13,.34)!important}.mobile-sticky-enquiry button:after{content:" →"!important}.form-modal.open ~ .mobile-sticky-enquiry{display:none!important}body{padding-bottom:64px!important}} @media(max-width:768px){ .hero{min-height:72vh!important;padding:120px 5% 72px!important;} .hero .hero p{font-size:16px!important;line-height:1.75!important;color:rgba(255,255,255,.68)!important;max-width:94%!important;} .seo-snippet-section{padding:58px 5% 78px!important;} .seo-snippet-section h1{font-size:clamp(31px,8.6vw,42px)!important;line-height:1.12!important;margin-bottom:18px!important;} .seo-snippet-section p{font-size:15.5px!important;line-height:1.76!important;} .mobile-sticky-enquiry{left:auto!important;right:14px!important;bottom:14px!important;width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;z-index:999!important;} .mobile-sticky-enquiry button{width:auto!important;min-width:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(90deg,#E85C0D,#F47A16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;padding:9px 15px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;border-radius:999px!important;box-shadow:0 12px 30px rgba(232,92,13,.32)!important;} .mobile-sticky-enquiry button:before{content:"";width:7px;height:7px;border-radius:999px;background:#fff;opacity:.9;display:inline-block;} .mobile-sticky-enquiry button:after{content:"→"!important;margin-left:2px!important;} body{padding-bottom:58px!important;} } nav#nav{ position:fixed!important; top:0!important;left:0!important;right:0!important; z-index:200!important; height:78px!important; padding:0 5%!important; display:flex!important; align-items:center!important; justify-content:space-between!important; background:transparent!important; border-bottom:1px solid transparent!important; transition:background .35s ease,border-color .35s ease,box-shadow .35s ease!important; } nav#nav.scrolled{ background:rgba(255,255,255,.96)!important; backdrop-filter:blur(10px)!important; border-color:#e2ded9!important; box-shadow:0 8px 30px rgba(0,0,0,.05)!important; } nav#nav .nav-logo{ position:relative!important; width:190px!important; height:62px!important; display:flex!important; align-items:center!important; flex:0 0 auto!important; } nav#nav .nav-logo a{position:relative!important;display:block!important;width:190px!important;height:62px!important;} nav#nav .nav-logo img{ height:60px!important; width:auto!important; max-width:none!important; display:block!important; position:absolute!important; left:0!important;top:50%!important; transform:translateY(-50%)!important; object-fit:contain!important; transition:opacity .35s ease!important; } nav#nav .nav-logo .logo-white{opacity:1!important;} nav#nav .nav-logo .logo-black{opacity:0!important;} nav#nav.scrolled .nav-logo .logo-white{opacity:0!important;} nav#nav.scrolled .nav-logo .logo-black{opacity:1!important;} nav#nav .nav-links{display:flex!important;gap:34px!important;list-style:none!important;margin:0!important;padding:0!important;align-items:center!important;} nav#nav .nav-links a{text-decoration:none!important;color:rgba(255,255,255,.82)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.03em!important;} nav#nav.scrolled .nav-links a{color:#5a5a5a!important;} nav#nav .nav-links a:hover,nav#nav .nav-links a.active{color:#E85C0D!important;} nav#nav > .nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#E85C0D!important;color:#fff!important;border:0!important;padding:10px 22px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;cursor:pointer!important;border-radius:1px!important;} nav#nav .hamburger{ display:none!important; width:52px!important;height:52px!important; align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important; border:1px solid rgba(255,255,255,.26)!important;border-radius:4px!important; background:rgba(0,0,0,.20)!important;cursor:pointer!important;margin-left:14px!important;padding:0!important;flex:0 0 52px!important; } nav#nav .hamburger span{display:block!important;width:27px!important;height:3px!important;background:#fff!important;border-radius:3px!important;transition:.25s!important;} nav#nav.scrolled .hamburger{background:#fff!important;border-color:#dedede!important;} nav#nav.scrolled .hamburger span{background:#111!important;} nav#nav .hamburger.active span:nth-child(1){transform:translateY(10px) rotate(45deg)!important;} nav#nav .hamburger.active span:nth-child(2){opacity:0!important;} nav#nav .hamburger.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)!important;} .mobile-menu{display:none!important;} @media(max-width:900px){ nav#nav{height:76px!important;padding:0 5%!important;background:rgba(8,8,8,.90)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;} nav#nav.scrolled{background:rgba(255,255,255,.97)!important;} nav#nav .nav-logo{width:162px!important;height:58px!important;} nav#nav .nav-logo a{width:162px!important;height:58px!important;} nav#nav .nav-logo img{height:56px!important;} nav#nav .nav-links,nav#nav > .nav-cta{display:none!important;} nav#nav .hamburger{display:flex!important;} .mobile-menu{position:fixed!important;top:76px!important;left:0!important;right:0!important;z-index:199!important;background:#090909!important;border-top:1px solid #222!important;padding:18px 5% 24px!important;display:none!important;flex-direction:column!important;gap:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important;} .mobile-menu.open{display:flex!important;} .mobile-menu a{color:#fff!important;text-decoration:none!important;font-size:15px!important;padding:10px 0!important;border-bottom:1px solid #1d1d1d!important;} .mobile-menu .nav-cta{display:block!important;width:100%!important;margin-top:8px!important;padding:14px 18px!important;} body{padding-bottom:84px!important;} } @media(max-width:520px){ nav#nav{height:74px!important;} nav#nav .nav-logo{width:150px!important;height:54px!important;} nav#nav .nav-logo a{width:150px!important;height:54px!important;} nav#nav .nav-logo img{height:52px!important;} nav#nav .hamburger{width:48px!important;height:48px!important;flex-basis:48px!important;} nav#nav .hamburger span{width:25px!important;height:3px!important;} .mobile-menu{top:74px!important;} } .mobile-sticky-enquiry{display:none!important;position:fixed!important;left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;z-index:3000!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;width:auto!important;} .mobile-sticky-enquiry button{width:auto!important;min-width:206px!important;border:0!important;border-radius:999px!important;padding:13px 24px!important;background:linear-gradient(90deg,#E85C0D,#ff7b17)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;box-shadow:0 14px 38px rgba(232,92,13,.38)!important;} @media(max-width:900px){.mobile-sticky-enquiry{display:block!important;}} .form-modal.open ~ .mobile-sticky-enquiry,.form-modal.open + .mobile-sticky-enquiry{display:none!important;} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--flame:#E85C0D;--amber:#F4A832;--ink:#0f0f0f;--white:#ffffff;--cream:#FAFAF8;--mid:#5a5a5a;--rule:#e2ded9} html{scroll-behavior:smooth} body{font-family:"Inter",sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden} nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 5%;height:78px;display:flex;align-items:center;justify-content:space-between;transition:background .4s,border-color .4s,box-shadow .4s;border-bottom:1px solid transparent} nav.scrolled{background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);border-color:var(--rule);box-shadow:0 8px 30px rgba(0,0,0,.05)} .nav-logo{position:relative;width:190px;height:62px;display:flex;align-items:center} .nav-logo img{height:60px;width:auto;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);transition:opacity .35s ease} .nav-logo .logo-black{opacity:0} .nav-logo .logo-white{opacity:1} nav.scrolled .nav-logo .logo-white{opacity:0} nav.scrolled .nav-logo .logo-black{opacity:1} .nav-links{display:flex;gap:34px;list-style:none} .nav-links a{text-decoration:none;color:rgba(255,255,255,0.8);font-size:13px;font-weight:500;letter-spacing:.03em;transition:color .2s} nav.scrolled .nav-links a{color:var(--mid)} .nav-links a:hover{color:var(--flame)} .nav-cta{background:var(--flame);color:#fff;border:none;padding:9px 20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:1px;transition:all .2s} .nav-cta:hover{background:#c44d08} .hero{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000} #particles{position:absolute;inset:0;z-index:1} .glow-blob{position:absolute;z-index:1;border-radius:50%;filter:blur(80px);animation:blobFloat 8s ease-in-out infinite} .glow-blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(232,92,13,0.18) 0%,transparent 70%);top:-100px;right:-80px;animation-delay:0s} .glow-blob-2{width:350px;height:350px;background:radial-gradient(circle,rgba(244,168,50,0.12) 0%,transparent 70%);bottom:-60px;left:-60px;animation-delay:-4s} @keyframes blobFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.08)}} .hero-actions{display:flex;gap:16px;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);animation:fadeUp .8s 1s forwards} .btn-flame{background:var(--flame);color:#fff;border:none;padding:15px 34px;font-size:14px;font-weight:600;letter-spacing:.04em;cursor:pointer;border-radius:1px;position:relative;overflow:hidden;transition:transform .2s} .btn-flame::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transform:translateX(-100%);transition:transform .5s} .btn-flame:hover::before{transform:translateX(100%)} .btn-flame:hover{transform:translateY(-2px)} .btn-outline-white{background:none;color:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.25);padding:15px 34px;font-size:14px;font-weight:400;cursor:pointer;border-radius:1px;transition:all .2s;letter-spacing:.02em} .btn-outline-white:hover{border-color:rgba(255,255,255,0.7);color:#fff} @keyframes fadeUp{to{opacity:1;transform:translateY(0)}} .hero-pills{position:absolute;z-index:3;display:flex;flex-direction:column;gap:12px;right:5%;bottom:30%;opacity:0;animation:fadeUp .8s 1.2s forwards} .pill{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(12px);padding:12px 18px;border-radius:2px;display:flex;align-items:center;gap:12px;white-space:nowrap} .pill-dot{width:6px;height:6px;border-radius:50%;background:var(--flame);flex-shrink:0;animation:pulse 2s infinite} @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}} .pill-text{font-size:12px;color:rgba(255,255,255,0.7)} .marquee-strip{background:var(--flame);padding:14px 0;overflow:hidden} .marquee-track{display:flex;animation:marquee 25s linear infinite;width:max-content} .marquee-item{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.9);padding:0 32px;display:flex;align-items:center;gap:32px;white-space:nowrap} .marquee-item::after{content:"✦";color:rgba(255,255,255,0.5);font-size:8px} @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} .intro{padding:120px 8%;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center} .tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--flame);border:1px solid #f4c8ae;background:#fff4ed;padding:5px 14px;border-radius:20px;margin-bottom:28px} .section-h2{font-family:"Playfair Display",serif;font-size:clamp(30px,3.5vw,46px);font-weight:900;line-height:1.15;margin-bottom:22px} .intro-p{font-size:16px;color:var(--mid);line-height:1.8;margin-bottom:20px} .intro-nums{display:flex;gap:40px;margin-top:40px} .intro-num{font-family:"Playfair Display",serif;font-size:42px;font-weight:900;color:var(--flame);line-height:1} .intro-num-label{font-size:12px;color:var(--mid);margin-top:4px} .intro-right{position:relative} .intro-card-stack{position:relative;height:420px} .card-back{position:absolute;top:24px;left:24px;right:-24px;bottom:-24px;background:linear-gradient(135deg,#fff4ed,#ffe8d6);border-radius:4px} .card-front{position:absolute;inset:0;background:var(--white);border:1px solid var(--rule);border-radius:4px;padding:42px;box-shadow:0 20px 60px rgba(0,0,0,0.08);display:flex;flex-direction:column;justify-content:space-between} .card-big-text{font-family:"Playfair Display",serif;font-size:28px;font-weight:800;line-height:1.35;color:var(--ink)} .card-big-text span{color:var(--flame)} .card-industries{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px} .ind-chip{font-size:11px;padding:5px 12px;background:var(--cream);border:1px solid var(--rule);border-radius:20px;color:var(--mid)} .services-section{padding:100px 0;background:var(--ink);overflow:hidden} .services-header{padding:0 8%;margin-bottom:60px;display:flex;justify-content:space-between;align-items:flex-end} .services-header h2{font-family:"Playfair Display",serif;font-size:clamp(28px,3.5vw,46px);font-weight:900;color:var(--white)} .services-header p{font-size:14px;color:#9a9a9a;max-width:300px;text-align:right;line-height:1.6} .services-scroll{display:flex;gap:20px;padding:10px 8% 30px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none} .services-scroll::-webkit-scrollbar{display:none} .services-scroll-wrap{position:relative} .svc-fade{position:absolute;top:0;bottom:30px;width:80px;pointer-events:none;z-index:2;transition:opacity .25s} .svc-fade-left{left:0;background:linear-gradient(90deg,var(--ink),transparent)} .svc-fade-right{right:0;background:linear-gradient(270deg,var(--ink),transparent)} .svc-scroll-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid #2a2a2a;background:rgba(15,15,15,.85);color:#fff;font-size:22px;line-height:1;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s} .svc-scroll-btn:hover{border-color:var(--flame);background:#1e1109;color:var(--flame)} .svc-scroll-prev{left:14px} .svc-scroll-next{right:14px} @media(min-width:901px){.svc-scroll-btn{display:flex}} .svc-card{flex-shrink:0;width:300px;scroll-snap-align:start;background:#171717;border:1px solid #252525;padding:36px 30px;border-radius:2px;position:relative;overflow:hidden;transition:border-color .3s,background .3s;cursor:default} .svc-card:hover{border-color:var(--flame);background:#1e1109} .svc-card-glow{position:absolute;top:-60px;right:-60px;width:160px;height:160px;background:radial-gradient(circle,rgba(232,92,13,0.12) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s} .svc-card:hover .svc-card-glow{opacity:1} .svc-num{font-size:10px;font-weight:700;letter-spacing:.12em;color:#444;text-transform:uppercase;margin-bottom:22px} .svc-icon{font-size:28px;margin-bottom:18px} .svc-name{font-family:"Playfair Display",serif;font-size:20px;font-weight:700;color:var(--white);line-height:1.25;margin-bottom:14px} .svc-desc{font-size:13px;color:#8a8a8a;line-height:1.7} .svc-arrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--flame);font-weight:600;margin-top:24px;letter-spacing:.04em;opacity:0;transform:translateX(-6px);transition:all .3s} .svc-card:hover .svc-arrow{opacity:1;transform:translateX(0)} .industries{padding:100px 8%;background:var(--cream)} .ind-header{margin-bottom:28px} .ind-note{display:flex;align-items:center;gap:10px;color:var(--mid);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:34px} .ind-note span{width:6px;height:6px;border-radius:50%;background:var(--flame);display:inline-block;box-shadow:0 0 0 6px rgba(232,92,13,.10)} .ind-accordion{display:flex;gap:0;height:500px;border:1px solid var(--rule);border-radius:6px;overflow:hidden;box-shadow:0 24px 80px rgba(15,15,15,.06);background:var(--white)} .ind-panel{ position:relative;flex:0 0 104px; background:var(--white); border-right:1px solid var(--rule); cursor:pointer; transition:flex .55s cubic-bezier(.77,0,.18,1),background .35s ease; overflow:hidden; } .ind-panel:last-child{border-right:none} .ind-panel.active{flex:1 1 auto} .ind-panel-label{ position:absolute; bottom:44px;left:50%; transform:translateX(-50%) rotate(-90deg); transform-origin:center center; white-space:nowrap; font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; color:var(--mid); transition:opacity .3s; pointer-events:none; } .ind-panel.active .ind-panel-label{opacity:0} .ind-panel-content{ position:absolute;inset:0; padding:50px 46px; opacity:0; transition:opacity .3s .1s; pointer-events:none; min-width:380px; } .ind-panel.active .ind-panel-content{opacity:1;pointer-events:auto} .ind-panel-icon{font-size:40px;margin-bottom:22px} .ind-panel-title{font-family:"Playfair Display",serif;font-size:26px;font-weight:900;margin-bottom:10px;color:var(--ink)} .ind-panel-sub{font-size:14px;color:var(--mid);line-height:1.7;margin-bottom:24px;max-width:340px} .ind-chips{display:flex;flex-wrap:wrap;gap:8px} .ind-chip-dark{font-size:11px;padding:5px 12px;background:var(--cream);border:1px solid var(--rule);border-radius:20px;color:var(--mid)} .ind-panel.dark-panel{background:var(--ink)} .ind-panel.dark-panel .ind-panel-label{color:#888} .ind-panel.dark-panel .ind-panel-title{color:var(--white)} .ind-panel.dark-panel .ind-panel-sub{color:#9a9a9a} .ind-panel.dark-panel .ind-chip-dark{background:#1e1e1e;border-color:#2a2a2a;color:#777} .ind-panel::before{ content:'';position:absolute;top:0;left:0;right:0;height:3px; background:var(--flame); transform:scaleX(0);transform-origin:left; transition:transform .4s .2s; } .ind-panel.active::before{transform:scaleX(1)} .process{padding:100px 8%;background:var(--white)} .process-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px} .process-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative} .process-track::before{content:"";position:absolute;top:22px;left:22px;right:22px;height:1px;background:linear-gradient(90deg,var(--flame),var(--amber),transparent);z-index:0} .p-step{position:relative;z-index:1;padding-right:30px} .p-dot{width:44px;height:44px;border-radius:50%;background:var(--white);border:2px solid var(--rule);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--flame);margin-bottom:28px;transition:all .3s;font-family:"Playfair Display",serif} .p-step:hover .p-dot{background:var(--flame);color:#fff;border-color:var(--flame)} .p-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:10px} .p-desc{font-size:13px;color:var(--mid);line-height:1.7} .cta-block{position:relative;overflow:hidden;padding:130px 8%;background:var(--ink);text-align:center} .cta-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 60%,rgba(232,92,13,0.15) 0%,transparent 70%);pointer-events:none} .ring{position:absolute;border-radius:50%;border:1px solid rgba(232,92,13,0.1);top:50%;left:50%;transform:translate(-50%,-50%);animation:ringExpand 6s ease-out infinite} .ring:nth-child(2){animation-delay:-2s} .ring:nth-child(3){animation-delay:-4s} @keyframes ringExpand{0%{width:100px;height:100px;opacity:.8}100%{width:900px;height:900px;opacity:0}} .cta-h2{font-family:"Playfair Display",serif;font-size:clamp(32px,5vw,64px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:22px;position:relative;z-index:1} .cta-h2 span{background:linear-gradient(90deg,var(--flame),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .cta-p{font-size:17px;color:#666;max-width:480px;margin:0 auto 48px;line-height:1.7;position:relative;z-index:1} .cta-btns{display:flex;gap:16px;justify-content:center;position:relative;z-index:1} footer{background:#080808;padding:64px 8% 30px;border-top:1px solid #151515} .footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:60px;margin-bottom:48px} .footer-logo img{height:42px;opacity:.65;margin-bottom:16px;display:block} .footer-tagline{font-size:13px;color:#444;line-height:1.7;max-width:220px} .footer-col-h{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#444;margin-bottom:20px} .footer-list{list-style:none;display:flex;flex-direction:column;gap:10px} .footer-list a{color:#333;text-decoration:none;font-size:13px;transition:color .2s} .footer-list a:hover{color:var(--flame)} .footer-bottom{border-top:1px solid #131313;padding-top:24px;display:flex;justify-content:space-between;font-size:11px;color:#2e2e2e} .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease} .reveal.visible{opacity:1;transform:translateY(0)} @media(max-width:900px){ nav{height:72px} .nav-logo{width:170px;height:56px} .nav-logo img{height:54px} .intro{grid-template-columns:1fr;gap:40px} .intro-card-stack{height:300px} .ind-accordion{display:grid;height:auto;overflow:visible;border:none;gap:14px;box-shadow:none;background:transparent} .ind-panel{flex:auto;min-height:auto;border:1px solid var(--rule);border-radius:5px;overflow:hidden;cursor:default} .ind-panel-label{display:none} .ind-panel-content{position:relative;inset:auto;opacity:1;pointer-events:auto;min-width:0;padding:30px 24px} .ind-panel.dark-panel .ind-panel-sub{color:#aaa} .ind-panel::before{transform:scaleX(1)} .process-track{grid-template-columns:1fr 1fr;gap:36px} .process-track::before{display:none} .footer-top{grid-template-columns:1fr 1fr;gap:36px} .services-header{flex-direction:column;align-items:flex-start;gap:16px} .services-header p{text-align:left} .hero-pills{display:none} } @media(max-width:600px){ nav{padding:0 5%;height:68px} .nav-logo{width:155px;height:52px} .nav-logo img{height:50px} nav .nav-links{display:none} .intro{padding:70px 5%} .ind-grid-visual{grid-template-columns:1fr} .process-track{grid-template-columns:1fr} .footer-top{grid-template-columns:1fr} .cta-btns{flex-direction:column;align-items:center} } .hero-actions .btn-flame, .hero-actions .btn-outline-white{ white-space:nowrap!important; } @media(max-width:600px){ .hero-actions{ gap:12px!important; } .hero-actions .btn-flame, .hero-actions .btn-outline-white{ padding:14px 22px!important; font-size:14px!important; min-width:0!important; } } a.btn-flame, a.btn-outline-white{ text-decoration:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .enquiry-modal, .form-modal, .modal, #enquiryModal, #leadModal, #contactModal{ z-index:999999!important; } .enquiry-modal.open, .form-modal.open, .modal.open, #enquiryModal.open, #leadModal.open, #contactModal.open{ display:flex!important; } .enquiry-modal .modal-content, .form-modal .modal-content, .modal .modal-content, #enquiryModal .modal-content, #leadModal .modal-content, #contactModal .modal-content, .enquiry-panel, .form-panel, .popup-content{ position:relative!important; z-index:1000000!important; } .modal-close, .close-modal, .close-btn, [data-close-form], button[aria-label="Close"], button[aria-label="Close form"]{ position:fixed!important; top:18px!important; right:18px!important; z-index:1000001!important; width:44px!important; height:44px!important; border-radius:50%!important; background:#0f0f0f!important; color:#fff!important; border:1px solid rgba(232,92,13,.45)!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:26px!important; line-height:1!important; cursor:pointer!important; } body.modal-open nav#nav, body.form-open nav#nav, body.enquiry-open nav#nav{ opacity:0!important; pointer-events:none!important; } body.modal-open .mobile-sticky-cta, body.form-open .mobile-sticky-cta, body.enquiry-open .mobile-sticky-cta, body.modal-open .sticky-enquiry, body.form-open .sticky-enquiry, body.enquiry-open .sticky-enquiry{ display:none!important; } @media(max-width:600px){ .modal-close, .close-modal, .close-btn, [data-close-form], button[aria-label="Close"], button[aria-label="Close form"]{ top:14px!important; right:14px!important; width:42px!important; height:42px!important; } } a.btn-flame, a.btn-outline-white{ text-decoration:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .enquiry-modal, .form-modal, .modal, #enquiryModal, #leadModal, #contactModal{ z-index:999999!important; } .enquiry-modal.open, .form-modal.open, .modal.open, #enquiryModal.open, #leadModal.open, #contactModal.open{ display:flex!important; } .enquiry-modal .modal-content, .form-modal .modal-content, .modal .modal-content, #enquiryModal .modal-content, #leadModal .modal-content, #contactModal .modal-content, .enquiry-panel, .form-panel, .popup-content{ position:relative!important; z-index:1000000!important; } .modal-close, .close-modal, .close-btn, [data-close-form], button[aria-label="Close"], button[aria-label="Close form"]{ position:fixed!important; top:18px!important; right:18px!important; z-index:1000001!important; width:44px!important; height:44px!important; border-radius:50%!important; background:#0f0f0f!important; color:#fff!important; border:1px solid rgba(232,92,13,.45)!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:26px!important; line-height:1!important; cursor:pointer!important; } body.modal-open nav#nav, body.form-open nav#nav, body.enquiry-open nav#nav{ opacity:0!important; pointer-events:none!important; } body.modal-open .mobile-sticky-cta, body.form-open .mobile-sticky-cta, body.enquiry-open .mobile-sticky-cta, body.modal-open .sticky-enquiry, body.form-open .sticky-enquiry, body.enquiry-open .sticky-enquiry{ display:none!important; } @media(max-width:600px){ .modal-close, .close-modal, .close-btn, [data-close-form], button[aria-label="Close"], button[aria-label="Close form"]{ top:14px!important; right:14px!important; width:42px!important; height:42px!important; } } body.modal-open nav#nav, body.form-open nav#nav, body.enquiry-open nav#nav, body.modal-open .hamburger, body.form-open .hamburger, body.enquiry-open .hamburger, body.modal-open .mobile-menu, body.form-open .mobile-menu, body.enquiry-open .mobile-menu, body.modal-open .mobile-sticky-cta, body.form-open .mobile-sticky-cta, body.enquiry-open .mobile-sticky-cta, body.modal-open .sticky-enquiry, body.form-open .sticky-enquiry, body.enquiry-open .sticky-enquiry, body.modal-open .floating-enquiry, body.form-open .floating-enquiry, body.enquiry-open .floating-enquiry{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } .enquiry-modal, .form-modal, .modal, #enquiryModal, #leadModal, #contactModal{ z-index:999999!important; } .enquiry-modal.open, .form-modal.open, .modal.open, #enquiryModal.open, #leadModal.open, #contactModal.open{ display:flex!important; } .enquiry-modal::before, .form-modal::before, .modal::before, #enquiryModal::before, #leadModal::before, #contactModal::before{ content:none!important; display:none!important; } .modal-close, .close-modal, .close-btn, [data-close-form], button[aria-label="Close"], button[aria-label="Close form"]{ position:fixed!important; top:16px!important; right:16px!important; left:auto!important; bottom:auto!important; z-index:1000002!important; width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important; max-width:46px!important; max-height:46px!important; border-radius:50%!important; background:#101010!important; color:#fff!important; border:1px solid rgba(232,92,13,.45)!important; box-shadow:none!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:0!important; line-height:1!important; cursor:pointer!important; transform:none!important; } .modal-close::before, .close-modal::before, .close-btn::before, [data-close-form]::before, button[aria-label="Close"]::before, button[aria-label="Close form"]::before{ content:"×"!important; display:block!important; font-size:34px!important; line-height:42px!important; color:#fff!important; font-family:Arial,sans-serif!important; font-weight:400!important; } .modal-close::after, .close-modal::after, .close-btn::after, [data-close-form]::after, button[aria-label="Close"]::after, button[aria-label="Close form"]::after{ content:none!important; display:none!important; } .enquiry-modal .hamburger, .form-modal .hamburger, .modal .hamburger, #enquiryModal .hamburger, #leadModal .hamburger, #contactModal .hamburger{ display:none!important; } @media(max-width:600px){ .enquiry-modal, .form-modal, .modal, #enquiryModal, #leadModal, #contactModal{ align-items:flex-start!important; padding-top:0!important; } .modal-close, .close-modal, .close-btn, [data-close-form], button[aria-label="Close"], button[aria-label="Close form"]{ top:12px!important; right:12px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; } } .mobile-sticky-enquiry button:before{content:none!important;display:none!important;} .mobile-sticky-enquiry button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; line-height:1!important; } .mobile-sticky-enquiry button:after{ content:"→"!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; line-height:1!important; transform:translateY(-1px)!important; margin-left:3px!important; } a.btn-flame,a.btn-outline-white,a.btn-ghost{ text-decoration:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .form-modal.open ~ .mobile-sticky-enquiry, .form-modal.active ~ .mobile-sticky-enquiry, body.modal-open .mobile-sticky-enquiry, body.enquiry-open .mobile-sticky-enquiry, body.form-open .mobile-sticky-enquiry{display:none!important;} html{ scroll-padding-top:78px!important; } body{ padding-top:0!important; } nav#nav{ position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; margin:0!important; transform:none!important; translate:none!important; z-index:20000!important; will-change:auto!important; backface-visibility:hidden!important; -webkit-transform:translateZ(0)!important; } nav#nav.scrolled{ transform:none!important; translate:none!important; } nav#nav .nav-logo, nav#nav .hamburger, nav#nav .nav-links, nav#nav .nav-cta{ transform:none!important; } .mobile-menu{ position:fixed!important; left:0!important; right:0!important; top:68px!important; z-index:19999!important; } .page-hero, .hero{ margin-top:0!important; } @media(max-width:900px){ html{scroll-padding-top:72px!important;} nav#nav{ height:72px!important; min-height:72px!important; max-height:72px!important; } .mobile-menu{ top:72px!important; } } @media(max-width:600px){ nav#nav{ height:68px!important; min-height:68px!important; max-height:68px!important; } .mobile-menu{ top:68px!important; } } .ind-step,.detail-item,.ind-outcome,.card:not(a),.svc-point{cursor:default!important;} .ind-step:hover,.detail-item:hover,.svc-point:hover{transform:none!important;} .ind-step.active,.detail-item.active,.svc-point.active{border-color:inherit!important;} .context-links{margin-top:22px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;} .context-links a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 13px!important;border:1px solid rgba(232,92,13,.28)!important;border-radius:999px!important;color:#E85C0D!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;letter-spacing:.03em!important;} .context-links a:hover{background:#fff4ed!important;} .section.dark .context-links a,.ind-block.dark .context-links a{background:rgba(232,92,13,.08)!important;} .internal-link-section .context-links{margin-top:16px!important;} .mobile-sticky-enquiry button:before{content:none!important;display:none!important;} .mobile-sticky-enquiry button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;line-height:1!important;} .mobile-sticky-enquiry button:after{content:"→"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transform:translateY(-1px)!important;margin-left:3px!important;} .ind-panel .industry-panel-link, .ind-panel .industry-panel-link.svc-arrow{ opacity:1!important; transform:none!important; visibility:visible!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:max-content!important; max-width:100%!important; margin-top:24px!important; padding:10px 16px!important; border:1px solid rgba(232,92,13,.32)!important; border-radius:999px!important; color:#E85C0D!important; background:rgba(232,92,13,.06)!important; text-decoration:none!important; font-size:12px!important; font-weight:800!important; letter-spacing:.04em!important; } .ind-panel.dark-panel .industry-panel-link{ background:rgba(232,92,13,.12)!important; border-color:rgba(232,92,13,.35)!important; } .ind-panel .industry-panel-link:hover{ background:#E85C0D!important; color:#fff!important; } @media(max-width:900px), (hover:none){ .svc-card .svc-arrow, .industry-panel-link, .industry-panel-link.svc-arrow{ opacity:1!important; transform:none!important; visibility:visible!important; } .ind-panel-content{ padding-bottom:38px!important; } } .form-modal.open{ display:flex!important; align-items:center!important; justify-content:center!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; padding:16px 12px calc(30px + env(safe-area-inset-bottom))!important; box-sizing:border-box!important; } .form-modal.open .form-panel, .form-modal.open .form-box, .form-modal .form-panel, .form-modal .form-box{ max-height:calc(100dvh - 42px)!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; margin:0 auto!important; padding-bottom:calc(36px + env(safe-area-inset-bottom))!important; box-sizing:border-box!important; } .form-modal form{ padding-bottom:22px!important; } .form-modal button[type="submit"], .form-modal .btn-flame[type="submit"]{ margin-bottom:18px!important; flex-shrink:0!important; } body.modal-open, body.form-open, body.enquiry-open{ overflow:hidden!important; } body.modal-open .mobile-sticky-enquiry, body.form-open .mobile-sticky-enquiry, body.enquiry-open .mobile-sticky-enquiry, .form-modal.open ~ .mobile-sticky-enquiry{ display:none!important; } footer .footer-top, footer .footer-grid{ display:grid!important; grid-template-columns:1.25fr 1fr 1fr 1fr!important; gap:42px!important; } footer .footer-list{ list-style:none!important; margin:0!important; padding:0!important; } footer .footer-list li{ margin:0 0 10px!important; padding:0!important; } footer .footer-list a{ text-decoration:none!important; } @media(max-width:900px){ .form-modal.open{ align-items:flex-start!important; padding:12px 10px calc(34px + env(safe-area-inset-bottom))!important; } .form-modal.open .form-panel, .form-modal.open .form-box, .form-modal .form-panel, .form-modal .form-box{ width:100%!important; max-width:calc(100vw - 20px)!important; max-height:calc(100dvh - 28px)!important; padding-bottom:calc(42px + env(safe-area-inset-bottom))!important; } .form-modal button[type="submit"], .form-modal .btn-flame[type="submit"]{ margin-bottom:24px!important; } footer .footer-top, footer .footer-grid{ grid-template-columns:1fr!important; gap:28px!important; } } a.svc-arrow, .svc-arrow, .service-card a, .svc-card a.svc-arrow, .related a, .context-links a, .industry-panel-link{ color:#E85C0D!important; text-decoration:none!important; font-weight:800!important; border-bottom:none!important; } a.svc-arrow:hover, .svc-arrow:hover, .service-card a:hover, .svc-card a.svc-arrow:hover, .related a:hover, .context-links a:hover, .industry-panel-link:hover{ color:#C84E0A!important; text-decoration:none!important; } .svc-arrow{ display:inline-flex!important; align-items:center!important; gap:6px!important; width:max-content!important; max-width:100%!important; font-size:14px!important; letter-spacing:.02em!important; } @media(max-width:900px){ body{ padding-bottom:calc(98px + env(safe-area-inset-bottom))!important; } main{ padding-bottom:36px!important; } .svc-card, .service-card, .related .card{ padding-bottom:34px!important; } .svc-arrow, .service-card a, .svc-card a.svc-arrow{ color:#E85C0D!important; text-decoration:none!important; font-size:15px!important; margin-top:18px!important; } .mobile-sticky-enquiry{ bottom:calc(18px + env(safe-area-inset-bottom))!important; z-index:15000!important; } } a.svc-arrow, a.svc-arrow:link, a.svc-arrow:visited, .svc-card a.svc-arrow, .svc-card a.svc-arrow:link, .svc-card a.svc-arrow:visited, .service-card a, .service-card a:link, .service-card a:visited, .related .card a, .related .card a:link, .related .card a:visited{ color:#E85C0D!important; text-decoration:none!important; border-bottom:0!important; box-shadow:none!important; outline:none!important; background:transparent!important; font-weight:900!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important; width:max-content!important; max-width:100%!important; margin-top:18px!important; font-size:14px!important; line-height:1.2!important; letter-spacing:.035em!important; text-transform:uppercase!important; } a.svc-arrow:hover, a.svc-arrow:active, a.svc-arrow:focus, .svc-card a.svc-arrow:hover, .svc-card a.svc-arrow:active, .svc-card a.svc-arrow:focus, .service-card a:hover, .service-card a:active, .service-card a:focus, .related .card a:hover, .related .card a:active, .related .card a:focus{ color:#C84E0A!important; text-decoration:none!important; border-bottom:0!important; box-shadow:none!important; } a.svc-arrow::after, .svc-card a.svc-arrow::after, .service-card a::after, .related .card a::after{ content:""; } @media(max-width:900px){ a.svc-arrow, .svc-card a.svc-arrow, .service-card a, .related .card a{ font-size:13px!important; margin-top:20px!important; } } html{scroll-padding-top:84px!important;} body{overflow-x:hidden!important;} nav#nav{ position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; max-width:100%!important; margin:0!important; transform:none!important; translate:none!important; transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important; z-index:20000!important; will-change:auto!important; } nav#nav.scrolled, nav#nav.nav-hidden, nav#nav.nav-visible, nav#nav.is-scrolled, body.scrolled nav#nav{ top:0!important; left:0!important; right:0!important; margin:0!important; transform:none!important; translate:none!important; } nav#nav .nav-logo, nav#nav .nav-links, nav#nav .nav-cta, nav#nav .hamburger{ transform:none!important; translate:none!important; } .page-hero, .hero{ margin-top:0!important; padding-top:clamp(130px, 17vh, 190px)!important; } .mobile-menu, #mobileMenu{ position:fixed!important; top:72px!important; left:0!important; right:0!important; transform:none!important; translate:none!important; z-index:19999!important; } @media(max-width:900px){ html{scroll-padding-top:74px!important;} nav#nav{ height:68px!important; min-height:68px!important; max-height:68px!important; } .mobile-menu, #mobileMenu{top:68px!important;} .page-hero, .hero{padding-top:112px!important;} } footer .footer-logo img{ content:url("/tejaswi-logo-header-white.png")!important; filter:none!important; opacity:.95!important; height:46px!important; width:auto!important; max-width:220px!important; object-fit:contain!important; } @media(min-width:901px){ .hero, } nav#nav{ transform:none!important; translate:none!important; } @media(min-width:901px){ .hero, } @media(max-width:900px){ .hero, } footer .footer-logo img{ content:url("/tejaswi-logo-header-white.png")!important; height:46px!important; width:auto!important; max-width:220px!important; filter:none!important; opacity:.95!important; object-fit:contain!important; } footer .footer-tagline, footer .footer-col-h, footer .footer-links a, footer .footer-list a, footer .footer-bottom{ color:#777!important; } footer .footer-links a:hover, footer .footer-list a:hover{ color:#E85C0D!important; } body{background:#f3f1ec!important;} .section{position:relative!important;} .section:not(.dark):not(.cream):not(.industry-deep-content){ background:#fff!important; border-top:1px solid #e4ded5!important; border-bottom:1px solid #ece7df!important; } .section.cream{ background:#f4f0e8!important; border-top:1px solid #ded6ca!important; border-bottom:1px solid #ded6ca!important; } .section.dark{ background:#0f0f0f!important; border-top:1px solid #222!important; border-bottom:1px solid #222!important; } .card,.detail-item,.faq-card{ border-radius:6px!important; box-shadow:0 16px 45px rgba(15,15,15,.045)!important; } .grid .card{ border:1px solid #ded6ca!important; } .section.dark .card, .section.dark .detail-item{ background:#171717!important; border-color:#2b2b2b!important; color:#fff!important; } html{ background:#060606!important; } body{ margin:0!important; min-height:100vh!important; padding-bottom:0!important; overflow-x:hidden!important; } footer{ margin-bottom:0!important; position:relative!important; z-index:1!important; } @media(max-width:900px){ body{ padding-bottom:0!important; } footer{ padding-bottom:104px!important; } .mobile-sticky-enquiry{ bottom:18px!important; } } .form-modal.open ~ .mobile-sticky-enquiry, .form-modal.open + .mobile-sticky-enquiry{ display:none!important; } section.aeo-definition, .section.aeo-definition, .industry-summary-section, .key-takeaway-section{ color:#0f0f0f!important; } section.aeo-definition:not(.dark), .section.aeo-definition:not(.dark){ background:linear-gradient(180deg,#f6f1e8 0%,#fffaf2 100%)!important; border-top:1px solid #ded6ca!important; border-bottom:1px solid #ded6ca!important; } section.aeo-definition:not(.dark) h2, .section.aeo-definition:not(.dark) h2{ color:#0f0f0f!important; } section.aeo-definition:not(.dark) p, .section.aeo-definition:not(.dark) p, section.aeo-definition:not(.dark) .lead, .section.aeo-definition:not(.dark) .lead{ color:#4d4d4d!important; } section.aeo-definition:not(.dark) strong, .section.aeo-definition:not(.dark) strong{ color:#0f0f0f!important; } section.aeo-definition.dark, .section.aeo-definition.dark, .section.dark.aeo-definition{ background:#111!important; color:#fff!important; } section.aeo-definition.dark h2, .section.dark.aeo-definition h2{ color:#fff!important; } section.aeo-definition.dark p, .section.dark.aeo-definition p, section.aeo-definition.dark .lead, .section.dark.aeo-definition .lead{ color:rgba(255,255,255,.74)!important; } @media(max-width:900px){ section.aeo-definition, .section.aeo-definition{ padding-top:64px!important; padding-bottom:64px!important; } } html,body{overflow-x:hidden!important} body{background:#fff!important} .logo img,.brand img,.site-logo img,.navbar-brand img{display:block!important;height:auto!important;max-width:210px!important} .logo .brand-text-fallback,.brand .brand-text-fallback,.site-logo .brand-text-fallback,.navbar-brand .brand-text-fallback{display:none!important} .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero), section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero){ color:#111!important; } .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h1, .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h2, .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h3, .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h4, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h1, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h2, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h3, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) h4{ color:#111!important; } .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) p, .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) li, .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) .lead, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) p, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) li, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) .lead{ color:#515151!important; } .industry-deep-content, .section.industry-deep-content, section.industry-deep-content{ background:#0f0f0f!important; color:#fff!important; } .industry-deep-content .tag, section.industry-deep-content .tag{ color:#f26a17!important; border-color:rgba(242,106,23,.35)!important; background:rgba(242,106,23,.08)!important; } .industry-deep-content h1, .industry-deep-content h2, .industry-deep-content h3, .industry-deep-content h4, .section.industry-deep-content h1, .section.industry-deep-content h2, .section.industry-deep-content h3, .section.industry-deep-content h4, section.industry-deep-content h1, section.industry-deep-content h2, section.industry-deep-content h3, section.industry-deep-content h4{ color:#fff!important; } .industry-deep-content p, .industry-deep-content li, .industry-deep-content .lead, .section.industry-deep-content p, .section.industry-deep-content li, .section.industry-deep-content .lead, section.industry-deep-content p, section.industry-deep-content li, section.industry-deep-content .lead{ color:#e2e2e2!important; } .industry-deep-content .grid .card, .industry-deep-content .card, .section.industry-deep-content .grid .card, .section.industry-deep-content .card, section.industry-deep-content .grid .card, section.industry-deep-content .card, body .industry-deep-content .card:not(.dark){ background:#171717!important; border:1px solid #333!important; color:#fff!important; box-shadow:0 18px 45px rgba(0,0,0,.22)!important; } .industry-deep-content .card h1, .industry-deep-content .card h2, .industry-deep-content .card h3, .industry-deep-content .card h4, .section.industry-deep-content .card h1, .section.industry-deep-content .card h2, .section.industry-deep-content .card h3, .section.industry-deep-content .card h4, section.industry-deep-content .card h1, section.industry-deep-content .card h2, section.industry-deep-content .card h3, section.industry-deep-content .card h4, body .industry-deep-content .card:not(.dark) h3{ color:#fff!important; } .industry-deep-content .card p, .industry-deep-content .card li, .section.industry-deep-content .card p, .section.industry-deep-content .card li, section.industry-deep-content .card p, section.industry-deep-content .card li, body .industry-deep-content .card:not(.dark) p{ color:#d9d9d9!important; } body section:not(.industry-deep-content) .card:not(.dark), body section:not(.industry-deep-content) .industry-proof-card, body section:not(.industry-deep-content) .industry-flow-item, body section:not(.industry-deep-content) .industry-summary-card, body section:not(.industry-deep-content) .subpage-card{ background:#fff!important; color:#111!important; } body section:not(.industry-deep-content) .card:not(.dark) h3, body section:not(.industry-deep-content) .industry-proof-card h3, body section:not(.industry-deep-content) .industry-flow-item h3, body section:not(.industry-deep-content) .industry-summary-card h3, body section:not(.industry-deep-content) .subpage-card h3{ color:#111!important; } body section:not(.industry-deep-content) .card:not(.dark) p, body section:not(.industry-deep-content) .industry-proof-card p, body section:not(.industry-deep-content) .industry-flow-item p, body section:not(.industry-deep-content) .industry-summary-card p, body section:not(.industry-deep-content) .subpage-card p{ color:#555!important; } .btn-flame,button.btn-flame,.cta-button,.primary-cta{ color:#fff!important; background:linear-gradient(135deg,#ef5b00,#ff7a18)!important; } .btn-flame *,button.btn-flame *{color:#fff!important} @media(max-width:760px){ .industry-deep-content .card{padding:26px!important;min-height:auto!important} .industry-deep-content .card h3{font-size:clamp(24px,7vw,34px)!important;line-height:1.12!important} .industry-deep-content .card p{font-size:17px!important;line-height:1.75!important} .industry-deep-content{padding-top:70px!important;padding-bottom:70px!important} } .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) .svc-name, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) .svc-name{ color:#fff!important; } .section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) .svc-card:nth-child(even) .svc-desc, section:not(.industry-deep-content):not(.hero):not(.page-hero):not(.cta-block):not(.dark):not(.services-section):not(.site-hero) .svc-card:nth-child(even) .svc-desc{ color:#b8b8b8!important; } .site-hero{position:relative;overflow:hidden;background:#0b0b0b;padding:78px 20px 70px;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;box-sizing:border-box} #particles{position:absolute;inset:0;z-index:0;pointer-events:none} .site-hero .glow-a{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(232,92,13,.22),transparent 70%);top:-200px;left:50%;transform:translateX(-55%);z-index:0;pointer-events:none} .site-hero .glow-b{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(244,168,50,.16),transparent 70%);bottom:-180px;right:8%;z-index:0;pointer-events:none} .site-hero-content{position:relative;z-index:1;max-width:740px;margin:0 auto} .site-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#F4A832;margin-bottom:20px} .site-hero-eyebrow::before,.site-hero-eyebrow::after{content:'';width:24px;height:1px;background:currentColor;opacity:.5} .site-hero .site-hero-title{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:clamp(30px,4vw,50px);line-height:1.12;color:#fff;margin-bottom:18px;letter-spacing:-.01em} .site-hero .site-hero-title em{font-style:italic;font-weight:400;background:linear-gradient(90deg,#E85C0D,#F4A832);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .site-hero p{font-size:16px;line-height:1.7;color:#a8a8a8;max-width:540px;margin:0 auto} .site-hero-actions{display:flex;gap:14px;justify-content:center;margin-top:30px;flex-wrap:wrap} @media(max-width:640px){.site-hero{padding:68px 20px 56px;min-height:100vh}.site-hero .site-hero-title{font-size:clamp(26px,7vw,34px)}.site-hero p{font-size:15px}}