/* TechToTab V56. Page-specific hero compositions; scoped and responsive. */
.t56-hero{--t55-bg:#07162c; background:#061629; isolation:isolate; min-height:clamp(630px,80svh,870px); padding:clamp(72px,8vw,110px) 0;}
.t56-hero::before{background:linear-gradient(115deg,#061326 2%,#0A213A 55%,#071D33),radial-gradient(circle at 85% 35%,color-mix(in srgb,var(--t55-accent) 19%,transparent),transparent 38%);}
.t56-hero::after{background-image:linear-gradient(to right,rgba(133,171,198,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(133,171,198,.07) 1px,transparent 1px);background-size:96px 96px;opacity:.22;}
.t56-hero .t55-layout{gap:clamp(24px,4vw,86px);min-width:0}
.t56-hero .t55-copy{position:relative;z-index:2}
.t56-hero .t55-eyebrow{font-size:clamp(.76rem,.9vw,.89rem);color:#79c8fc;letter-spacing:.12em}
.t56-hero h1{font-size:clamp(3rem,4.6vw,5.9rem);line-height:1.055;font-weight:800;letter-spacing:-.058em;max-width:18ch;text-wrap:balance}
.t56-hero .t55-description{font-size:clamp(1.06rem,1.22vw,1.3rem);line-height:1.7;max-width:61ch}
.t56-hero .t55-visual{position:relative;z-index:1}
.t56-hero .t55-visual img{display:block;width:100%;max-height:min(650px,70svh);object-fit:contain;filter:drop-shadow(0 28px 44px rgba(0,0,0,.30));transition:transform .7s cubic-bezier(.2,.75,.23,1)}
.t56-hero .t55-visual:hover img{transform:translateY(-5px)}
.t56-hero .t55-meta{gap:12px 22px;color:#B6CDDF;max-width:660px}
.t56-hero .t55-meta span{padding:8px 0;font-size:.82rem}
.t56-hero .t55-actions a{border-radius:10px}
.t56-layout--split{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}
.t56-layout--reverse{grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr)}
.t56-layout--reverse .t55-visual{order:-1}
.t56-layout--reverse .t55-copy{padding-left:clamp(10px,3vw,42px)}
.t56-layout--center{grid-template-columns:1fr;gap:36px;text-align:center}
.t56-layout--center .t55-copy{max-width:990px;margin:auto}.t56-layout--center h1{max-width:21ch;margin-inline:auto}
.t56-layout--center .t55-description{margin-inline:auto}.t56-layout--center .t55-actions,.t56-layout--center .t55-meta,.t56-layout--center .t55-eyebrow{justify-content:center}
.t56-layout--center .t55-visual{max-width:940px;margin:auto}.t56-layout--center .t55-visual img{max-height:480px}
.t56-hero--center{padding-block:clamp(66px,6vw,100px) 45px}
.t56-layout--immersive{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.t56-layout--immersive .t55-visual{transform:scale(1.12) translateX(2%)}
.t56-layout--immersive .t55-visual img{max-height:680px}
.t56-layout--spotlight{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.t56-layout--spotlight .t55-visual{transform:scale(1.12) rotate(-1deg)}
.t56-layout--wide{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.t56-layout--wide .t55-copy{max-width:870px}.t56-layout--wide .t55-visual{transform:translateX(-2%)}
.t56-layout--asymmetric{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.t56-layout--asymmetric .t55-visual{transform:rotate(-2deg) scale(1.04)}
.t56-layout--asymmetric .t55-copy{align-self:start;padding-top:44px}
.t56-layout--product{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.t56-layout--product .t55-visual{transform:scale(1.08)}
.t56-layout--editorial{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.t56-layout--editorial h1{font-size:clamp(3.2rem,5.35vw,6.3rem);max-width:19ch}.t56-layout--editorial .t55-visual{opacity:.94;transform:rotate(-3deg) scale(.96)}
.t56-layout--data{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.t56-layout--data .t55-visual{transform:translateX(3%) scale(1.05)}
.t56-hero[data-visual="mobile"] .t55-visual img{max-height:680px}
.t56-hero[data-visual="pipeline"] .t55-visual img,.t56-hero[data-visual="flow"] .t55-visual img{max-height:570px}
@media(max-width:1120px){.t56-hero{min-height:0;padding-block:76px 52px}.t56-hero .t55-layout{grid-template-columns:1fr;gap:24px;text-align:left}.t56-hero .t55-copy{max-width:820px;padding:0}.t56-hero h1{max-width:21ch}.t56-hero .t55-visual{order:0;transform:none;max-width:850px;margin-inline:auto}.t56-hero .t55-visual img{max-height:440px}.t56-layout--center .t55-eyebrow,.t56-layout--center .t55-actions,.t56-layout--center .t55-meta{justify-content:flex-start}.t56-layout--center h1,.t56-layout--center .t55-description{margin-inline:0}.t56-layout--center .t55-copy{margin:0;text-align:left}}
@media(max-width:620px){.t56-hero{padding:55px 0 32px}.t56-hero h1,.t56-layout--editorial h1{font-size:clamp(2.25rem,10vw,3.25rem);max-width:100%;line-height:1.1}.t56-hero .t55-description{font-size:1.025rem;line-height:1.62}.t56-hero .t55-layout{gap:12px}.t56-hero .t55-meta{margin-top:21px;gap:2px 15px}.t56-hero .t55-meta span{font-size:.75rem}.t56-hero .t55-actions a{min-height:48px}.t56-hero .t55-visual img{max-height:310px}.t56-hero[data-visual="mobile"] .t55-visual img{max-height:360px}}
@media(prefers-reduced-motion:reduce){.t56-hero .t55-visual img{transition:none}.t56-hero .t55-visual:hover img{transform:none}}
