
/* PA WEB CARNIVAL (HR) Pvt LTD V3 extension layer — same V3 visual language, richer page depth. */
.inner-hero{min-height:600px;height:68vh;max-height:760px;position:relative;overflow:hidden;color:#fff;background:#0b1218}
.inner-hero .hero-image{position:absolute;inset:0;background-size:cover;background-position:center}
.inner-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,13,.93) 0%,rgba(5,9,13,.72) 48%,rgba(5,9,13,.25) 100%),linear-gradient(0deg,rgba(5,9,13,.58),transparent 55%)}
.inner-hero .hero-content{position:relative;z-index:2;max-width:950px;padding-top:180px}
.inner-hero h1{font:700 clamp(48px,6vw,86px)/.98 Manrope;letter-spacing:-4px;margin:0 0 25px}
.inner-hero h1 em{font-weight:500;color:#dce2e6}
.inner-hero .hero-content p{max-width:720px;color:#d9dee1;font-size:18px;line-height:1.65}
.inner-hero .hero-bottom{z-index:3}
.breadcrumb{position:absolute;z-index:3;top:112px;left:max(7vw,80px);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c5cbd0}
.content-band{background:#fff}.content-band.alt{background:#ecece8}.content-band.dark{background:#11161b;color:#fff}
.page-section{padding:105px max(7vw,80px)}
.page-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:40px}.page-main{max-width:1120px}
.page-main h2{font:700 clamp(40px,4.5vw,68px)/1.02 Manrope;letter-spacing:-3px;margin:0 0 28px}.page-main h2 span{font-weight:500}.page-main h3{font:700 30px/1.15 Manrope;margin:0 0 16px}.page-main p{font-size:18px;line-height:1.75;color:#596168}.dark .page-main p{color:#b8c0c5}
.lead{font-size:22px!important;max-width:850px;color:#454d53!important;line-height:1.65!important}.dark .lead{color:#d5dadd!important}
.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:55px}.editorial-card{padding:34px 32px 40px 0;border-right:1px solid var(--line);min-height:310px}.editorial-card:not(:first-child){padding-left:32px}.editorial-card:last-child{border-right:0}.editorial-card .num{color:var(--red);font-size:11px;font-weight:800;letter-spacing:2px}.editorial-card h3{margin-top:50px}.editorial-card p{font-size:16px;line-height:1.6}.editorial-card a{font-weight:800;display:inline-flex;margin-top:15px}
.image-story{display:grid;grid-template-columns:1.05fr .95fr;min-height:540px}.image-story .story-image{min-height:540px;background-size:cover;background-position:center}.image-story .story-copy{padding:90px max(6vw,70px);display:flex;flex-direction:column;justify-content:center}.image-story .story-copy h2{font:700 clamp(38px,4.2vw,62px)/1.02 Manrope;letter-spacing:-3px;margin:0 0 25px}.image-story .story-copy p{font-size:18px;line-height:1.7;color:#596168}.check-list{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--line)}.check-list div{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:58px 1fr;gap:10px}.check-list b{color:var(--red)}
.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3b4349;margin-top:55px}.process article{padding:28px 25px 25px 0;border-right:1px solid #3b4349;min-height:245px}.process article:not(:first-child){padding-left:25px}.process article:last-child{border-right:0}.process .num{font-size:11px;color:#f04b61;font-weight:800;letter-spacing:2px}.process h3{margin-top:48px}.process p{font-size:15px!important}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px}.metric{padding:35px 22px 35px 0;border-right:1px solid var(--line)}.metric:not(:first-child){padding-left:22px}.metric:last-child{border-right:0}.metric strong{display:block;font:800 45px Manrope}.metric span{display:block;color:#646c72;margin-top:8px;line-height:1.4}
.long-copy{columns:2;column-gap:65px}.long-copy p{break-inside:avoid;margin-top:0;margin-bottom:28px}
.visual-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px}.visual-card{min-height:360px;position:relative;overflow:hidden;color:#fff;background:#172028}.visual-card .vc-image{position:absolute;inset:0;background-size:cover;background-position:center}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,13,.92),rgba(5,9,13,.1) 70%)}.visual-card .vc-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.visual-card h3{font:700 30px Manrope;margin:8px 0}.visual-card p{color:#d4d9dc;font-size:15px;line-height:1.55;max-width:520px}
.job-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px}.job-row{display:grid;grid-template-columns:1.8fr 1fr 1fr auto;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.job-row h3{font:700 24px Manrope;margin:8px 0}.job-row p{font-size:14px!important;margin:0}.notice{padding:25px;background:#f0f0ec;border:1px solid var(--line)}.side-card{background:#11161b;color:#fff;padding:32px}.side-card h3{font:700 25px Manrope}.side-card p{color:#b7c0c5;font-size:15px;line-height:1.6}.side-card a{display:block;margin-top:18px}
.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px}.article{border:1px solid var(--line);padding:28px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.article .article-image{height:165px;background-size:cover;background-position:center;margin:-28px -28px 25px}.article h3{font:700 28px/1.15 Manrope;margin:14px 0}.article p{font-size:15px;line-height:1.6}.article .tag{margin-top:5px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:45px}.form-field{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px}.form-field.full{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{width:100%;margin-top:8px;padding:16px;border:1px solid #cfd3d5;background:#fff;font:inherit;outline:0}.form-field textarea{min-height:170px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.faq{margin-top:55px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font:700 18px Manrope;cursor:pointer}.faq p{margin:15px 0 0;font-size:16px}
@media(max-width:900px){.page-section{padding:80px 45px}.breadcrumb{left:45px}.page-grid{grid-template-columns:1fr;gap:15px}.editorial-grid,.process,.metrics{grid-template-columns:1fr 1fr}.editorial-card:nth-child(2n),.process article:nth-child(2n){border-right:0}.editorial-card:nth-child(3){border-top:1px solid var(--line);padding-left:0}.image-story{grid-template-columns:1fr}.story-image{min-height:420px!important}.job-layout{grid-template-columns:1fr}.job-row{grid-template-columns:1fr 1fr}.job-row .btn{justify-self:start}.long-copy{columns:1}}
@media(max-width:600px){.inner-hero{height:680px;min-height:650px}.inner-hero .hero-content{padding:165px 24px 40px}.inner-hero h1{font-size:48px;letter-spacing:-2.5px}.breadcrumb{left:24px;top:100px}.page-section{padding:70px 24px}.page-main h2{font-size:40px;letter-spacing:-2px}.lead{font-size:19px!important}.editorial-grid,.process,.metrics,.visual-card-grid,.article-list,.form-grid{grid-template-columns:1fr}.editorial-card,.editorial-card:not(:first-child),.process article,.process article:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.editorial-card:last-child,.process article:last-child{border-bottom:0}.metrics .metric,.metrics .metric:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.metrics .metric:last-child{border-bottom:0}.image-story .story-copy{padding:65px 24px}.job-row{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-actions{grid-column:auto}.visual-card{min-height:320px}}

/* FINAL V3 RESPONSIVE POLISH — additive only; existing desktop visual system remains intact. */
html{overflow-x:hidden}
body{overflow-x:hidden;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
button,a,input,select,textarea{touch-action:manipulation}
@media (max-width:1050px){
  .site-header{backdrop-filter:blur(10px)}
  .nav-wrap{gap:16px}
  .brand{flex:1}
  .nav-actions{gap:8px}
  .icon-btn{font-size:27px}
  .hamb{width:44px;height:44px;display:grid;place-items:center;padding:0}
  .mobile-panel{position:absolute;left:0;right:0;top:72px;max-height:calc(100svh - 72px);overflow:auto;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.28);overscroll-behavior:contain}
  .mobile-panel.open{display:grid}
  .mobile-panel a{padding:16px 24px;min-height:52px;display:flex;align-items:center}
  .inner-hero .hero-image{background-position:center center}
  .inner-hero .hero-content{max-width:760px}
  .page-main{min-width:0}
  .editorial-card,.process article,.metric{min-width:0}
}
@media (max-width:700px){
  .site-header{background:rgba(8,14,20,.9)}
  .nav-wrap{height:72px;padding:0 16px}
  .brand{gap:8px}
  .brand-mark{width:34px;height:30px;flex:0 0 34px}
  .brand-name{font-size:14px;letter-spacing:-.45px}
  .nav-actions{margin-left:auto}
  .icon-btn{font-size:26px}
  .hamb{font-size:24px}
  .mobile-panel{top:72px}
  .hero{height:auto;min-height:720px}
  .hero-content{padding:148px 22px 92px}
  .hero h1{font-size:clamp(43px,12.4vw,58px);line-height:1;letter-spacing:-2.6px;max-width:100%}
  .hero-content p{font-size:16px;line-height:1.58;margin:22px 0 0;max-width:100%}
  .hero-ctas{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
  .btn{width:100%;min-height:52px;padding:15px 18px;justify-content:space-between}
  .hero-bottom{left:22px;right:22px;bottom:18px;padding-top:10px;font-size:9px;line-height:1.35;gap:7px}
  .hero-bottom span:last-child{text-align:right}
  .search-strip{padding:30px 22px;gap:22px}
  .search-title h2{font-size:27px}
  .job-search{grid-template-columns:1fr;gap:12px}
  .job-search button{width:100%;min-height:52px}
  .section{padding:76px 22px}
  .intro,.industries{grid-template-columns:1fr;gap:14px}
  .intro h2,.section-head h2,.industry-content h2,.feature-copy h2,.resources h2{font-size:42px;letter-spacing:-2px}
  .intro-copy>p:not(.kicker){font-size:17px;line-height:1.65}
  .section-head{display:block;margin-bottom:34px}
  .section-head .text-link{margin-top:20px}
  .solution-grid,.insight-grid{grid-template-columns:1fr}
  .solution-grid article,.insight-grid article{border-right:0;border-bottom:1px solid #3c4348;padding:28px 0!important;min-height:0}
  .solution-grid article:last-child,.insight-grid article:last-child{border-bottom:0}
  .solution-grid h3{margin:28px 0 12px;font-size:27px}
  .industry-list{grid-template-columns:1fr;margin-top:32px}
  .industry-list a{font-size:17px;padding:17px 4px 17px 0}
  .split-feature{grid-template-columns:1fr}
  .feature-image{min-height:330px;background-position:center}
  .feature-copy{padding:60px 22px}
  .stats{grid-template-columns:1fr 1fr;margin:36px 0}
  .stats strong{font-size:33px}
  .cta{padding:70px 22px;display:block}
  .cta h2{font-size:43px;letter-spacing:-2px}
  .cta-actions{margin-top:28px;display:grid;grid-template-columns:1fr}
  .footer-top{padding:55px 22px 38px;grid-template-columns:1fr;gap:30px}
  .footer-bottom{padding:16px 22px;display:grid;gap:8px;line-height:1.5}
  .footer-bottom span:last-child{text-align:left}
  .search-overlay>button{top:16px;right:18px;font-size:42px}
  .search-overlay input{font-size:29px}
  .inner-hero{height:650px;min-height:650px}
  .inner-hero .hero-content{padding:152px 22px 88px}
  .inner-hero h1{font-size:clamp(42px,11.8vw,54px);letter-spacing:-2.5px}
  .inner-hero .hero-content p{font-size:16px}
  .breadcrumb{left:22px;top:96px;font-size:9px;letter-spacing:1.25px}
  .page-section{padding:68px 22px}
  .page-grid{gap:12px}
  .page-main h2{font-size:40px;letter-spacing:-2px}
  .lead{font-size:18px!important;line-height:1.62!important}
  .editorial-grid,.process,.metrics,.visual-card-grid,.article-list,.form-grid{grid-template-columns:1fr}
  .editorial-card,.editorial-card:not(:first-child),.process article,.process article:not(:first-child){padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}
  .editorial-card:last-child,.process article:last-child{border-bottom:0}
  .editorial-card h3{margin:28px 0 12px;font-size:25px}
  .process h3{margin-top:28px}
  .metrics .metric,.metrics .metric:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}
  .metrics .metric:last-child{border-bottom:0}
  .image-story{grid-template-columns:1fr}
  .image-story .story-image{min-height:300px!important}
  .image-story .story-copy{padding:58px 22px}
  .image-story .story-copy h2{font-size:40px;letter-spacing:-2px}
  .long-copy{columns:1}
  .visual-card{min-height:310px}
  .visual-card .vc-copy{left:22px;right:22px;bottom:22px}
  .visual-card h3{font-size:27px}
  .job-layout{grid-template-columns:1fr;gap:28px}
  .job-row{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .job-row .btn{justify-self:stretch;width:100%}
  .side-card{padding:26px}
  .form-grid{gap:12px;margin-top:32px}
  .form-field input,.form-field select,.form-field textarea{font-size:16px;padding:14px}
  .form-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .form-actions .btn{width:100%}
  .faq{margin-top:35px}
  .faq details{padding:19px 0}
  .faq summary{font-size:17px;line-height:1.4}
}
@media (max-width:380px){
  .brand-name{font-size:13px}
  .hero h1,.inner-hero h1{font-size:40px}
  .page-main h2,.intro h2,.section-head h2,.industry-content h2,.feature-copy h2{font-size:37px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.inner-hero .hero-image{transition:none}}
/* FINAL VISUAL/BRAND PATCH — HTML5 + CSS3 + Vanilla JS only */
.full-company-name{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;letter-spacing:-.35px!important;line-height:1!important;min-width:245px}
.full-company-name b{font:800 17px/1.08 Manrope,sans-serif!important;letter-spacing:-.45px;color:inherit}
.full-company-name small{font-size:7px!important;letter-spacing:1.25px!important;margin:0!important;opacity:.72}
.footer-contact{font-size:12px;line-height:1.6;color:#b7c0c6;margin-top:10px}
.footer-contact a{color:inherit}
.hero-image,.feature-image,.story-image,.vc-image{image-rendering:auto;background-repeat:no-repeat}
.hero-image{background-size:cover;background-position:center}
@media(max-width:1050px){.full-company-name{min-width:0}.full-company-name b{font-size:15px!important}}
@media(max-width:700px){.full-company-name b{font-size:13px!important;max-width:210px}.full-company-name small{display:none!important}}

/* FINAL VISUAL OVERLAP + INTEGRATED BRAND MARK FIX — secondary pages only. */
.content-band{position:relative;z-index:1;overflow:clip;isolation:isolate}
.image-story{position:relative;z-index:1;overflow:hidden;contain:layout paint}
.image-story .story-image{position:relative;z-index:0;overflow:hidden}
.image-story .story-copy{position:relative;z-index:1;min-width:0;overflow-wrap:anywhere}
.visual-card-grid,.article-list,.editorial-grid,.process,.metrics{position:relative;z-index:1}
.visual-card,.article,.editorial-card,.process article,.metric{min-width:0;overflow:hidden}
.page-main{min-width:0;position:relative;z-index:1}
.site-header .brand-mark,.footer-brand .brand-mark{;border:0;box-shadow:none;overflow:visible}
.site-header .brand-mark img,.footer-brand .brand-mark img{display:block;width:38px;height:38px;object-fit:contain;;color:#fff;display:inline-block}
.brand-name .pa-word::after{content:"";position:absolute;left:0;bottom:-3px;width:22px;height:2px;background:var(--red);transform:skewX(-24deg);transform-origin:left center}
.footer-brand .brand-name .pa-word::after{bottom:-4px;width:25px}
@media(max-width:1050px){.image-story{overflow:hidden}.image-story .story-image,.image-story .story-copy{min-width:0}}
@media(max-width:700px){.content-band{overflow:clip}.image-story{overflow:hidden}.site-header .brand-mark img,.footer-brand .brand-mark img{width:34px;height:34px}.brand-name .pa-word::after{width:19px}}

/* Per-page realistic inner heroes: generated at the exact 2:1 hero canvas.
   The source photography is preserved without manual cropping. */
.inner-hero .hero-image{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


/* CLEAN CONTENT PASS — photographic blocks removed; hero video remains the only hero visual. */
.image-story{grid-template-columns:1fr;min-height:0;background:transparent}
.image-story .story-copy{padding:88px max(7vw,80px)}
.page-section > .image-story .story-copy{padding-left:0;padding-right:0}
.split-feature{grid-template-columns:1fr}
.split-feature .feature-copy{padding:88px max(7vw,80px)}
.jobs-why{grid-template-columns:1fr}
.hero-image{display:none!important}
.story-image,.feature-image,.jobs-why-image{display:none!important}
@media(max-width:600px){.image-story .story-copy{padding:65px 24px}.page-section > .image-story .story-copy{padding-left:0;padding-right:0}.split-feature .feature-copy{padding:65px 24px}}


/* CLEAN CONTENT PASS — image tiles intentionally disabled until approved visuals are added. */
.vc-image,.article-image,.feature-image,.story-image,.jobs-visual,.jobs-expertise-visual{display:none!important}
.visual-card-grid{grid-template-columns:1fr 1fr}
.visual-card{min-height:0}
@media(max-width:600px){.visual-card-grid{grid-template-columns:1fr}}

/* FINAL COLOR OVERRIDE */
header, .header, #header,
footer, .footer, #footer {
  background-color: #7A0F16;
}
/* Keep Job Posting / job-posting tabs blue */
.job-posting, .job-posting-tab, .job-posting-btn,
.job-posting a, a.job-posting, button.job-posting {
  background-color: #0B63CE;
  border-color: #0B63CE;
  color: #FFFFFF;
}
.job-posting-tab.active, .job-posting.active {
  background-color: #0B63CE;
  color: #FFFFFF;
}
