:root{--red:#DA291C;--charcoal:#252A36;--white:#FFFFFF;--offwhite:#CFCED6;--dark:#111318;--mid:#1E2230;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--dark);color:var(--white);overflow-x:hidden;}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 5vw;height:72px;display:flex;align-items:center;justify-content:space-between;transition:background 0.4s;}
nav.scrolled{background:rgba(17,19,24,0.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.06);}
.nav-logo img{height:30px;width:auto;}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;}
.nav-links a{color:var(--offwhite);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.875rem;letter-spacing:0.1em;text-transform:uppercase;transition:color 0.2s;}
.nav-links a:hover{color:var(--white);}
.nav-cta{background:var(--red)!important;color:var(--white)!important;padding:0.5rem 1.3rem!important;border-radius:2px;}
.nav-cta:hover{background:#b8221a!important;color:var(--white)!important;}
.btn-primary{background:var(--red);color:var(--white);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.875rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.9rem 2rem;border-radius:2px;transition:background 0.2s,transform 0.2s;display:inline-block;border:none;cursor:pointer;}
.btn-primary:not(:disabled):hover{background:#b8221a;color:var(--white);transform:translateY(-2px);}
.btn-primary:disabled{opacity:0.6;cursor:not-allowed;}
.btn-outline{background:transparent;color:var(--white);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.875rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.9rem 2rem;border-radius:2px;border:1px solid rgba(255,255,255,0.5);transition:border-color 0.2s,background 0.2s;display:inline-block;}
.btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,0.1);color:var(--white);}
section{padding:6rem 5vw;}
.section-dark{background:var(--dark);}
.section-mid{background:var(--mid);}
.section-light{background:var(--offwhite);color:var(--charcoal);}
.section-white{background:#fff;color:var(--charcoal);}
.sl{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem;display:flex;align-items:center;gap:0.75rem;}
.sl::before{content:'';display:block;width:24px;height:2px;background:var(--red);flex-shrink:0;}
.sl.dk{color:var(--charcoal);}
.service-hero{position:relative;height:85vh;min-height:580px;display:flex;align-items:flex-end;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 7s ease-out;}
.hero-bg.loaded{transform:scale(1);}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,19,24,0.1) 0%,rgba(17,19,24,0.4) 50%,rgba(17,19,24,0.95) 90%,rgba(17,19,24,1) 100%);}
.hero-content{position:relative;z-index:2;padding:0 5vw 7vh;max-width:890px;opacity:0;transform:translateY(24px);transition:opacity 0.8s ease 0.15s,transform 0.8s ease 0.15s;}
.hero-content.visible{opacity:1;transform:translateY(0);}
.snum{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:600;letter-spacing:0.22em;color:var(--red);margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;}
.snum::before{content:'';display:block;width:24px;height:2px;background:var(--red);}
.service-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:800;line-height:0.93;letter-spacing:0;text-transform:uppercase;margin-bottom:1.2rem;}
.service-hero h1 em{font-style:normal;color:var(--red);}
.hero-sub{font-size:1.125rem;font-weight:400;color:var(--white);max-width:520px;line-height:1.7;margin-bottom:2rem;}
.belief{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;}
.btext{padding:5rem 5vw;display:flex;flex-direction:column;justify-content:center;}
.btext h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:0;margin-bottom:1.5rem;}
.btext h2 em{font-style:normal;color:var(--red);}
.btext p{font-size:1.125rem;font-weight:400;line-height:1.8;color:var(--white);margin-bottom:1rem;}
.btext p:last-of-type{color:var(--white);font-weight:400;}
.btext.lt p{font-size:1.125rem;font-weight:400;color:var(--mid);}
.btext.lt p:last-of-type{color:var(--charcoal);font-weight:400;}
.bimg{position:relative;overflow:hidden;min-height:440px;}
.bimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s;position:absolute;inset:0;}
.bimg:hover img{transform:scale(1.04);}
.wwd{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,0.07);margin-top:3rem;}
.wi{padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,0.07);}
.wi:nth-child(odd){padding-right:3rem;}
.wi:nth-child(even){padding-left:3rem;border-left:1px solid rgba(255,255,255,0.07);}
.wit{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--red);margin-bottom:0.4rem;}
.wi p{font-size:0.88rem;font-weight:300;line-height:1.6;color:rgba(255,255,255,0.6);}
.wwd.lt{border-top:1px solid rgba(37,42,54,0.1);}
.wwd.lt .wi{border-bottom:1px solid rgba(37,42,54,0.1);}
.wwd.lt .wi:nth-child(even){border-left:1px solid rgba(37,42,54,0.1);}
.wwd.lt .wi p{color:rgba(37,42,54,0.65);}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:rgba(255,255,255,0.06);margin-top:3rem;}
.si{background:var(--mid);padding:2rem;transition:background 0.25s;}
.si:hover{background:#252c3a;}
.si-title{font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.6rem;color:var(--white);}
.si p{font-size:0.88rem;font-weight:300;line-height:1.65;color:rgba(255,255,255,0.55);}
.pillars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;margin-top:3rem;}
.pillar{background:var(--mid);padding:2.5rem 2rem;}
.pt{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.6rem;color:var(--white);}
.pi{font-size:0.9rem;font-weight:300;line-height:1.65;color:rgba(255,255,255,0.55);margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,0.08);}
.pillar ul{list-style:none;}
.pillar ul li{font-size:0.85rem;font-weight:300;color:rgba(255,255,255,0.5);padding:0.4rem 0;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:0.5rem;}
.pillar ul li::before{content:'';display:block;width:4px;height:4px;background:var(--red);border-radius:50%;flex-shrink:0;}
.who{background:var(--charcoal);padding:4rem 5vw;}
.who p{font-size:1.05rem;font-weight:300;line-height:1.85;color:rgba(255,255,255,0.72);max-width:760px;}
.cta-banner{position:relative;overflow:hidden;padding:7rem 5vw;text-align:center;}
.cta-bg{position:absolute;inset:0;background-size:cover;filter:brightness(0.18);}
.cta-inner{position:relative;z-index:2;max-width:680px;margin:0 auto;}
.cta-inner h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:800;text-transform:uppercase;line-height:1.0;letter-spacing:0;margin-bottom:1rem;}
.cta-inner h2 em{font-style:normal;color:var(--red);}
.cta-inner p{font-size:1rem;font-weight:400;color:var(--white);line-height:1.7;margin-bottom:2.2rem;}
.back-nav{background:var(--mid);padding:1rem 5vw;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;margin-top:72px;}
.back-link{color:rgba(255,255,255,0.5);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;display:flex;align-items:center;gap:0.5rem;transition:color 0.2s;}
.back-link:hover{color:var(--white);}
.back-link::before{content:'←';}
.pills{display:flex;gap:0.5rem;flex-wrap:wrap;}
.pill{color:rgba(255,255,255,0.35);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.3rem 0.7rem;border:1px solid rgba(255,255,255,0.1);border-radius:2px;transition:all 0.2s;white-space:nowrap;}
.pill:hover{color:var(--white);border-color:rgba(255,255,255,0.3);}
.pill.active{color:var(--white);border-color:var(--red);background:rgba(218,41,28,0.12);}
footer{background:#0a0c0f;padding:4rem 5vw 2rem;border-top:1px solid rgba(255,255,255,0.05);}
.ft{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.fl img{height:26px;width:auto;margin-bottom:1rem;opacity:0.85;}
.fl p{font-size:1rem;font-weight:400;color:rgba(255,255,255,0.72);line-height:1.7;max-width:260px;}
.fc h3{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;color:var(--red);margin-bottom:1rem;}
.fc ul{list-style:none;}
.fc ul li{margin-bottom:0.5rem;}
.fc ul li a{color:rgba(255,255,255,0.72);text-decoration:none;font-size:1rem;font-weight:400;transition:color 0.2s;}
.fc ul li a:hover{color:var(--white);}
.fb{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.fb p{font-size:1rem;color:rgba(255,255,255,0.72);font-weight:400;}
.seg-lg{height:36px;width:auto;opacity:0.6;transition:opacity 0.2s;}
.seg-lg:hover{opacity:0.9;}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.82);z-index:1000;backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:1rem;}
.modal-overlay.open{display:flex;}
.modal{background:var(--mid);border:1px solid rgba(255,255,255,0.08);border-radius:4px;padding:3rem;max-width:560px;width:100%;position:relative;animation:mIn 0.3s ease;max-height:90vh;overflow-y:auto;}
@keyframes mIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.modal-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;color:rgba(255,255,255,0.4);font-size:1.4rem;cursor:pointer;transition:color 0.2s;line-height:1;}
.modal-close:hover{color:var(--white);}
.modal h3{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:800;text-transform:uppercase;margin-bottom:0.4rem;}
.msub{font-size:0.9rem;font-weight:300;color:rgba(255,255,255,0.55);margin-bottom:2rem;line-height:1.6;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.fg{margin-bottom:1rem;}
.fg label{display:block;font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:0.45rem;}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:2px;color:var(--white);font-family:'Barlow',sans-serif;font-size:0.92rem;font-weight:300;padding:0.75rem 1rem;outline:none;transition:border-color 0.2s;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--red);}
.fg select option{background:var(--mid);}
.fg textarea{resize:vertical;min-height:100px;}
.msuccess{display:none;text-align:center;padding:2rem 0;}
.msuccess .tick{font-size:3rem;color:var(--red);margin-bottom:1rem;}
.msuccess h4{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:800;text-transform:uppercase;margin-bottom:0.5rem;}
.msuccess p{font-size:0.9rem;font-weight:300;color:rgba(255,255,255,0.55);line-height:1.6;}
.fu{opacity:0;transform:translateY(32px);transition:opacity 0.7s ease,transform 0.7s ease;}
.fu.visible{opacity:1;transform:translateY(0);}
.fu1{transition-delay:0.1s;}.fu2{transition-delay:0.2s;}.fu3{transition-delay:0.3s;}
.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:flex-end;overflow:hidden;}
.hero-bg-h{position:absolute;inset:0;background-image:url('images/hero-homepage.jpg');background-size:cover;background-position:center;transform:scale(1.06);transition:transform 7s ease-out;}
.hero-bg-h.loaded{transform:scale(1);}
.hero .hero-overlay{background:linear-gradient(to bottom,rgba(17,19,24,0.1) 0%,rgba(17,19,24,0.35) 40%,rgba(17,19,24,0.92) 82%,rgba(17,19,24,1) 100%);}
.hero-content-h{position:relative;z-index:2;padding:0 5vw 8vh;max-width:900px;opacity:0;transform:translateY(28px);transition:opacity 0.9s ease 0.2s,transform 0.9s ease 0.2s;}
.hero-content-h.visible{opacity:1;transform:translateY(0);}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem;display:flex;align-items:center;gap:0.75rem;}
.eyebrow::before{content:'';display:block;width:32px;height:2px;background:var(--red);}
.hero-content-h h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,6.5vw,8rem);font-weight:800;line-height:0.9;letter-spacing:0;text-transform:uppercase;margin-bottom:1.5rem;}
.hero-content-h h1 em{font-style:normal;color:var(--red);}
.hero-sub-h{font-size:1.125rem;font-weight:400;color:var(--white);max-width:520px;line-height:1.7;margin-bottom:2.5rem;}
.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;}
.btn-sec{color:var(--white);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.875rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.9rem 0;border-bottom:1px solid rgba(255,255,255,0.3);transition:color 0.2s,border-color 0.2s;}
.btn-sec:hover{color:var(--white);border-color:var(--white);}
.scroll-line{position:absolute;bottom:2rem;right:5vw;width:1px;height:60px;background:linear-gradient(to bottom,var(--white),transparent);opacity:0.3;animation:sp 2s ease-in-out infinite;z-index:2;}
@keyframes sp{0%,100%{opacity:0.2}50%{opacity:0.6}}
.belief-home{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;}
.bh-text{padding:6rem 5vw;display:flex;flex-direction:column;justify-content:center;background:var(--dark);}
.bh-text h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:0;margin-bottom:1.5rem;}
.bh-text h2 em{font-style:normal;color:var(--red);}
.bh-text p{font-size:1.125rem;font-weight:400;line-height:1.8;color:var(--white);margin-bottom:1rem;}
.bh-text p:last-of-type{font-weight:400;color:var(--white);}
.bh-img{position:relative;overflow:hidden;min-height:500px;}
.bh-img img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:transform 0.6s;}
.bh-img:hover img{transform:scale(1.04);}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--mid);border-top:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);}
.stat{padding:3rem 2rem;border-right:1px solid rgba(255,255,255,0.07);text-align:center;}
.stat:last-child{border-right:none;}
.stat-n{font-family:'Barlow Condensed',sans-serif;font-size:3.2rem;font-weight:800;color:var(--red);line-height:1;display:block;}
.stat-l{font-size:1rem;font-weight:400;letter-spacing:0.05em;color:var(--white);margin-top:0.5rem;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;}
.tiles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:3.5rem;}
.tile{position:relative;overflow:hidden;aspect-ratio:3/4;display:block;}
.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s;filter:brightness(0.65);}
.tile:hover img{transform:scale(1.06);filter:brightness(0.45);}
.tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,19,24,0.95) 0%,rgba(17,19,24,0.15) 60%,transparent 100%);transition:background 0.4s;}
.tile:hover .tile-overlay{background:linear-gradient(to top,rgba(218,41,28,0.9) 0%,rgba(17,19,24,0.5) 60%,transparent 100%);}
.tile-content{position:absolute;bottom:0;left:0;right:0;padding:1.4rem;}
.tile-number{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:600;color:var(--red);margin-bottom:0.3rem;}
.tile-title{font-family:'Barlow Condensed',sans-serif;font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:1.1;margin-bottom:0.4rem;color:var(--white);}
.tile-line{font-size:1rem;font-weight:400;color:var(--white);line-height:1.4;max-height:0;overflow:hidden;transition:max-height 0.4s,opacity 0.4s;opacity:0;}
.tile:hover .tile-line{max-height:60px;opacity:1;}
.si-intro{text-align:center;max-width:780px;margin:0 auto;}
.si-intro h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,3.2vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:1.1;margin-bottom:1.2rem;color:var(--charcoal);}
.si-intro p{font-size:1rem;font-weight:400;line-height:1.8;color:var(--mid);margin-bottom:0.8rem;}
.divl{width:48px;height:3px;background:var(--red);margin:2rem auto;}
.sen-sec{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:480px;}
.sen-img{position:relative;overflow:hidden;}
.sen-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.55);transition:transform 0.6s,filter 0.6s;position:absolute;inset:0;}
.sen-img:hover img{transform:scale(1.03);filter:brightness(0.45);}
.sen-text{background:var(--charcoal);padding:5rem 4vw;display:flex;flex-direction:column;justify-content:center;}
.sen-text h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,2.8vw,2.8rem);font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:1.05;margin-bottom:1.2rem;}
.sen-text h2 em{font-style:normal;color:var(--red);}
.sen-text p{font-size:1rem;font-weight:400;line-height:1.8;color:var(--white);margin-bottom:1.5rem;}
.hp-cta{position:relative;overflow:hidden;text-align:center;padding:8rem 5vw;}
.hp-cta-bg{position:absolute;inset:0;background-image:url('images/belief-gala.jpg');background-size:cover;background-position:center;filter:brightness(0.18);}
.hp-cta-inner{position:relative;z-index:2;max-width:680px;margin:0 auto;}
.hp-cta-inner h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:1.0;margin-bottom:1rem;}
.hp-cta-inner h2 em{font-style:normal;color:var(--red);}
.hp-cta-inner p{font-size:1rem;font-weight:400;color:var(--white);line-height:1.7;margin-bottom:2.2rem;}
@media(max-width:1024px){
  .belief{grid-template-columns:1fr;}
  .bimg{min-height:320px;order:-1;}
  .pillars{grid-template-columns:1fr;}
  .wwd{grid-template-columns:1fr;}
  .wi:nth-child(even){padding-left:0;border-left:none;}
  .ft{grid-template-columns:1fr 1fr;}
  .back-nav .pills{display:none;}
  .tiles-grid{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(2,1fr);}
  .belief-home{grid-template-columns:1fr;}
  .bh-img{min-height:320px;}
  .sen-sec{grid-template-columns:1fr;}
  .sen-img{height:280px;position:relative;}
  .sen-img img{position:relative;}
}

@media(max-width:640px){
  .nav-links{display:none;}
  section{padding:4rem 5vw;}
  .ft{grid-template-columns:1fr;}
  .frow{grid-template-columns:1fr;}
  .tiles-grid{grid-template-columns:1fr 1fr;}
  .service-hero{height:auto;min-height:85vh;}
  .service-hero h1{width: 70vw;}
}

@media screen and (max-width:1280px ){
  .service-hero{height:auto;min-height:90vh;}
  .service-hero h1{width: 70vw;}
}

@media screen and (max-width:1536px){
  .service-hero{height:auto;min-height:90vh;}
  .service-hero h1{width: 70vw;}
}

@media screen and (max-width:1920px){
  .service-hero{height:auto;min-height:85vh;}
}