/* Content sets section height; short screens never crop forms or text. */
:root{--layer-navigation:1000;--layer-mobile-menu:1100}
#navbar{z-index:var(--layer-navigation)}
#mob-menu{z-index:var(--layer-mobile-menu);overflow-y:auto}
body > section:is(#process,#services,#about,#work,#testimonials,#contact){padding-block:40px!important}
#home{min-height:0;padding-block:116px 40px!important}
#trust-bar{padding-block:18px}
#cta-strip{padding-block:40px}
#home .hero-grid{gap:36px}
#home .hero-left .tag{margin-bottom:16px}
#home .hero-title{font-size:52px;line-height:1.12;margin-bottom:18px;letter-spacing:0}
#home .hero-sub{margin-bottom:22px}
#home .hero-trust{margin-top:22px}
#home .hero-form{width:min(100%,480px)}
#home .hero-left,#contact .contact-left{top:110px}
#process .section-title,#services .section-title,#work .section-title,#testimonials .section-title{font-size:34px;line-height:1.2;margin-bottom:12px;letter-spacing:0}
body > section .section-sub{line-height:1.6;margin-top:10px}
#services .section-head,#work .section-head{margin-bottom:20px}
#services .tag,#testimonials .tag,#process .tag{margin-bottom:14px}
#process .section-head{margin-bottom:64px}
#process .process-grid{gap:22px}
#process .proc-step,#process .proc-step:hover{min-height:0;padding:20px 18px 18px}
#process .proc-visual{min-height:74px;margin-bottom:12px}
#process .proc-icon{width:70px;height:70px;border-radius:16px}
#process .proc-icon img{width:36px;height:36px}
#process .proc-stage{margin-bottom:6px}
#process .proc-step h3{font-size:18px;margin-bottom:10px}
#process .proc-step>p{font-size:13px;line-height:1.6;margin-bottom:16px}
#process .proc-deliverables{gap:7px;margin-top:14px}
#process .process-consultation{margin-top:24px}
#services .service-track{padding-block:8px 16px}
#services .service-offer-card{min-height:350px;padding:18px 20px}
#services .service-icon{width:76px;height:76px;margin:10px auto 16px;border-radius:18px}
#services .service-icon img{width:44px;height:44px}
#services .service-description{line-height:1.6;margin-bottom:12px}
#services .service-benefit{margin-bottom:12px}
#services .service-pagination{margin-bottom:16px}
#services .service-consultation{padding:18px 22px;gap:18px}
#work .pf-grid{padding-block:12px;min-height:0}
#work .pf-card{min-height:0}
#work .pf-body{padding-block:0}
#work .project-scope{margin-bottom:18px;gap:7px}
#work .project-showcase-controls{margin-block:12px 16px}
#work .project-enquiry{padding:14px 18px}
#testimonials .story-tabs{margin-block:18px 12px}
#testimonials .testi-grid{min-height:0;padding-block:12px;align-items:stretch}
#testimonials .testi-card,#testimonials .testi-card:nth-child(even),#testimonials .testi-card.is-featured,#testimonials .testi-card:hover,#testimonials .testi-card[data-featured=true]{height:auto;min-height:350px;padding:22px}
#testimonials .testi-card blockquote{line-height:1.6;margin-bottom:18px}
#testimonials .testi-author{padding-top:12px}
#testimonials .story-more{margin-top:8px}
#about .about-grid{gap:36px;align-items:start}
@media(min-width:1101px){#about .about-grid{align-items:center}#about .about-vis{align-self:center}}
@media(prefers-reduced-motion:reduce){#about .reveal{opacity:1;transform:none;transition:none;transition-delay:0s}}
#about .about-grid h2{font-size:32px;line-height:1.25;margin-bottom:18px;letter-spacing:0}
#about .about-grid p{margin-bottom:16px}
#contact .contact-left>p{margin-bottom:20px}
#contact .c-details{gap:12px}
#contact .c-detail p{margin-bottom:0}
#contact .form-wrap{padding:22px}
#contact .book-bar{margin-bottom:20px;padding:16px}
body > .strandit-footer{margin-top:0;padding-top:56px}
.strandit-footer .sf-values{margin-top:28px;padding-block:22px}
.strandit-footer .sf-bottom{padding-block:16px}
/* Shared secondary-page rhythm. */
body > .hero,main > .hero{min-height:0;padding-block:120px 40px}
main > .hero .hero-inner>*,main > .hero .hero-inner{min-width:0}
body > :is(.overview,.service,.process,.roles,.apply,.faq,.cta),main > :is(.overview,.service,.process,.roles,.apply,.faq,.cta){padding-block:48px}
.service-guide .service-intro{padding-block:20px 32px}
.service-guide .service-article-layout{padding-block:32px;gap:36px}
.service-copy section{padding-bottom:24px;margin-bottom:24px}
.service-directory{padding-block:48px}
@media(min-width:1101px) and (min-height:651px){#home .hero-left{position:sticky}}
@media(max-width:950px){
  #navbar .nav-links{display:none}
  #navbar .hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
  #navbar .nav-right>.btn{white-space:nowrap}
}
@media(max-height:500px){
  #mob-menu{justify-content:flex-start;gap:6px;padding:80px 24px 24px;overflow-y:auto}
  #mob-menu>a{display:flex;align-items:center;min-height:44px;font-size:18px;flex-shrink:0}
}
@media(max-width:1100px){
  #home .hero-grid{gap:24px}
  #home .hero-title{font-size:46px}
  #home .hero-sub{max-width:650px}
  #home .hero-form{width:min(100%,680px)}
}
@media(max-width:1024px){
  #process .process-grid{gap:74px 22px}
  #work .pf-card{gap:20px}
  #work .pf-thumb{width:min(100%,660px);justify-self:center}
  #about .about-grid h2{font-size:29px}
  body > :is(.overview,.service,.process,.roles,.apply,.faq,.cta),main > :is(.overview,.service,.process,.roles,.apply,.faq,.cta){padding-block:36px}
}
@media(max-width:600px){
  body > section:is(#process,#services,#about,#work,#testimonials,#contact){padding-block:28px!important}
  #home{padding-block:96px 28px!important}
  #home .hero-title{font-size:38px}
  #home .hero-left .tag{font-size:10px;padding:7px 10px}
  #home .hero-sub{font-size:15px;line-height:1.6;margin-bottom:18px}
  #home .hero-trust{margin-top:18px}
  #home .hero-ctas{gap:10px}
  #home .hero-ctas .btn{padding-inline:16px;font-size:13px}
  #process .section-title,#services .section-title,#work .section-title,#testimonials .section-title{font-size:26px}
  body > section .section-sub{font-size:14px;line-height:1.6}
  #process .section-head{margin-bottom:64px}
  #process .process-grid{gap:68px}
  #process .proc-step,#process .proc-step:hover{padding:18px 20px}
  #process .proc-step>p{font-size:14px}
  #process .proc-visual{justify-content:flex-end;min-height:60px}
  #process .proc-icon{width:58px;height:58px}
  #process .proc-icon img{width:30px;height:30px}
  #services .service-filter{margin-bottom:12px;padding:4px}
  #services .service-filter-btn{padding:8px 6px;min-height:44px}
  #services .service-offer-card{min-height:340px;padding:18px}
  #services .service-icon{width:68px;height:68px;margin-block:8px 12px}
  #services .service-consultation{padding:16px;gap:12px}
  #services .service-consultation h3{line-height:1.4}
  #work .pf-filter{flex-wrap:wrap}
  #work .pf-btn{flex:1 1 40%;font-size:12px}
  #work .pf-body h3{font-size:23px}
  #work .project-showcase-footer{gap:12px}
  #work .project-enquiry{padding:14px 12px;gap:10px}
  #testimonials .testi-card,#testimonials .testi-card:nth-child(even),#testimonials .testi-card:hover{min-height:330px;padding:20px}
  #testimonials .story-tabs button{gap:5px;padding:8px 6px}
  #about .about-grid h2{font-size:26px}
  #about .about-grid p{font-size:14px;line-height:1.65}
  #contact .contact-left h2{font-size:26px;line-height:1.25}
  #contact .contact-left>p{font-size:14px;line-height:1.65}
  #contact .form-wrap{padding:16px}
  #contact .book-bar{padding:12px;gap:10px;flex-wrap:wrap}
  #contact .book-bar>a{margin-left:0!important}
  #cta-strip{padding-block:28px}
  #cta-strip .cta-title{font-size:30px}
  body > .strandit-footer{padding-top:36px}
  .strandit-footer .sf-inner{padding-inline:18px}
  body > .hero,main > .hero{padding-block:104px 28px}
  body > .hero h1,main > .hero h1{font-size:32px;line-height:1.15;overflow-wrap:anywhere;letter-spacing:0}
  main > .hero .hero-inner{grid-template-columns:minmax(0,1fr)}
  body > :is(.overview,.service,.process,.roles,.apply,.faq,.cta),main > :is(.overview,.service,.process,.roles,.apply,.faq,.cta){padding-block:28px}
  .service-guide .service-article-layout{gap:24px}
  .service-directory{padding-block:28px}
}
@media(max-width:359px){
  .container{padding-inline:14px}
  #home .hero-title{font-size:34px}
  #home .hero-ctas{display:grid;grid-template-columns:minmax(0,1fr)}
  #home .hero-trust{gap:10px;flex-wrap:wrap}
  #home .hero-form{padding:14px}
  #heroQuickForm .f-row,#leadForm .f-row{grid-template-columns:minmax(0,1fr)}
  #testimonials .story-tabs button{font-size:11px;gap:4px;padding-inline:4px}
  #testimonials .story-tabs button img{width:16px;height:16px}
  #services .service-pagination{gap:8px;flex-wrap:wrap}
  #serviceProgress{width:70px}
  #work .project-enquiry>img{display:none}
  .strandit-footer .sf-grid{grid-template-columns:minmax(0,1fr)}
  .strandit-footer .sf-column{padding-top:0}
}