/* TechToTab V76 — unified hero rhythm, preserving all existing artwork and content.
   Desktop layout target: 680px. Tablet/mobile are content-safe and responsive. */
:root{--tt76-hero-height:680px;--tt76-hero-text-edge:clamp(24px,3.4vw,74px)}
/* Landing hero: four-slide home carousel shares the same visible height as internal pages. */
body[data-page="index.html"] main>.us29-hero .us29-stage,
main>.us29-hero .us29-stage{box-sizing:border-box!important;height:var(--tt76-hero-height)!important;min-height:var(--tt76-hero-height)!important;max-height:var(--tt76-hero-height)!important;overflow:hidden!important}
body[data-page="index.html"] main>.us29-hero .us29-copy{padding-top:clamp(65px,5.8vw,92px)!important;padding-bottom:94px!important}
main>.us29-hero .us29-art{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
/* Full-bleed service pages & general pages, including V73 marketing and Amazon group. */
main>.v60-fullbleed-hero,
main>.v60-fullbleed-hero.v73-premium-hero{box-sizing:border-box!important;height:var(--tt76-hero-height)!important;min-height:var(--tt76-hero-height)!important;max-height:var(--tt76-hero-height)!important;overflow:hidden!important;background-size:cover!important;background-position:var(--tt76-image-x,center) center!important}
main>.v60-fullbleed-hero .v60-hero-container,
main>.v60-fullbleed-hero.v73-premium-hero .v60-hero-container{box-sizing:border-box!important;padding:42px var(--tt76-hero-text-edge)!important;width:100%!important;max-width:none!important}
main>.v60-fullbleed-hero .v60-hero-content,
main>.v60-fullbleed-hero.v73-premium-hero .v60-hero-content{width:min(720px,54%)!important;max-width:720px!important}
main>.v60-fullbleed-hero h1,
main>.v60-fullbleed-hero.v73-premium-hero h1{font-size:clamp(37px,3.4vw,59px)!important;line-height:1.105!important;margin:22px 0 17px!important;max-width:18ch!important;letter-spacing:-.044em!important;text-wrap:balance}
main>.v60-fullbleed-hero .v34-description{font-size:clamp(15px,1.12vw,19px)!important;line-height:1.58!important;margin-bottom:23px!important;max-width:610px!important}
main>.v60-fullbleed-hero .v34-cta{margin:0 0 clamp(27px,3vw,43px)!important;gap:12px 25px!important}
main>.v60-fullbleed-hero .v34-primary,main>.v60-fullbleed-hero .v34-secondary{padding-top:14px!important;padding-bottom:14px!important}
/* Industry detail heroes and other V34 main-page heroes */
main>.v34-hero{box-sizing:border-box!important;height:var(--tt76-hero-height)!important;min-height:var(--tt76-hero-height)!important;max-height:var(--tt76-hero-height)!important;overflow:hidden!important;background-size:cover!important;background-position:var(--tt76-image-x,center) center!important}
main>.v34-hero .v34-content{padding-top:42px!important;padding-bottom:42px!important}
main>.v34-hero h1{font-size:clamp(37px,3.4vw,59px)!important;line-height:1.11!important;max-width:min(720px,55%)!important;margin-top:24px!important}
main>.v34-hero .v34-description{font-size:clamp(15px,1.12vw,19px)!important;line-height:1.58!important;max-width:min(620px,55%)!important}
main>.v34-hero .v34-tiny{margin-top:clamp(25px,3.7vw,52px)!important}
/* Older split illustration heroes. Keep images intact, but match their vertical rhythm. */
main>.t56-hero{box-sizing:border-box!important;height:var(--tt76-hero-height)!important;min-height:var(--tt76-hero-height)!important;max-height:var(--tt76-hero-height)!important;padding:42px 0!important;display:flex;align-items:center;overflow:hidden}
main>.t56-hero .t55-hero-container{width:100%}
main>.t56-hero .t55-visual img{max-height:500px!important;object-fit:contain}
/* Standard case studies use a matching minimum vertical rhythm; rich project visuals remain intact. */
main>:is(.v34-case-hero,.amazon35-hero,.india44-hero,.seo40-hero,.ops38-hero,.food43-hero,.rice-case-top){box-sizing:border-box;min-height:var(--tt76-hero-height)!important}
/* Tablet: same 680px rhythm wherever content fits, with room to shrink imagery. */
@media(max-width:1100px){
 main>.v60-fullbleed-hero .v60-hero-content,main>.v60-fullbleed-hero.v73-premium-hero .v60-hero-content{width:min(690px,72%)!important}
 main>.v34-hero h1,main>.v34-hero .v34-description{max-width:70%!important}
 main>.t56-hero .t55-visual img{max-height:350px!important}
}
/* Narrow viewport: height depends on readable content; never crop headings, buttons or forms. */
@media(max-width:767px){
 body[data-page="index.html"] main>.us29-hero .us29-stage,main>.us29-hero .us29-stage{height:clamp(665px,98svh,830px)!important;min-height:665px!important;max-height:none!important}
 body[data-page="index.html"] main>.us29-hero .us29-copy{padding:clamp(53px,7vw,78px) 23px 105px!important;width:100%!important}
 main>.v60-fullbleed-hero,main>.v60-fullbleed-hero.v73-premium-hero,main>.v34-hero{height:auto!important;min-height:640px!important;max-height:none!important;background-position:var(--tt76-mobile-image-x,69%) center!important}
 main>.v60-fullbleed-hero .v60-hero-container,main>.v60-fullbleed-hero.v73-premium-hero .v60-hero-container{padding:66px 23px 60px!important}
 main>.v60-fullbleed-hero .v60-hero-content,main>.v60-fullbleed-hero.v73-premium-hero .v60-hero-content{width:100%!important;max-width:600px!important}
 main>.v60-fullbleed-hero h1,main>.v60-fullbleed-hero.v73-premium-hero h1{font-size:clamp(33px,7.3vw,47px)!important;max-width:18ch!important;margin:22px 0 20px!important}
 main>.v60-fullbleed-hero .v34-cta{margin-bottom:38px!important}
 main>.v34-hero .v34-content{padding:67px 23px 58px!important}
 main>.v34-hero h1,main>.v34-hero .v34-description{max-width:100%!important}
 main>.v34-hero h1{font-size:clamp(33px,7.3vw,47px)!important}
 main>.t56-hero{height:auto!important;min-height:640px!important;max-height:none!important;padding:60px 0 42px!important}
 main>.t56-hero .t55-visual img{max-height:350px!important}
 main>:is(.v34-case-hero,.amazon35-hero,.india44-hero,.seo40-hero,.ops38-hero,.food43-hero,.rice-case-top){min-height:0!important}
}
@media(max-width:420px){
 body[data-page="index.html"] main>.us29-hero .us29-stage,main>.us29-hero .us29-stage{height:735px!important;min-height:735px!important}
 main>.v60-fullbleed-hero,main>.v60-fullbleed-hero.v73-premium-hero,main>.v34-hero{min-height:650px!important}
 main>.v60-fullbleed-hero .v60-hero-container,main>.v60-fullbleed-hero.v73-premium-hero .v60-hero-container{padding:55px 19px 52px!important}
 main>.v60-fullbleed-hero .v34-cta{gap:6px 14px!important}
 main>.v60-fullbleed-hero .v34-primary,main>.v60-fullbleed-hero .v34-secondary{white-space:normal!important;font-size:14px!important}
}