/* =========================================================================
   Twinco Inner Hero — About / Methodology / Inspiration page heroes
   ========================================================================= */
.elementor-widget-twinco_inner_hero .elementor-widget-container { padding: 0; }

.twinco-ihero { position: relative; width: 100%; overflow: hidden; background-color: var(--twinco-ink); font-family: var(--twinco-font-sans); }
.twinco-ihero__frame { position: relative; margin-inline: auto; display: flex; width: 100%; max-width: 1440px; flex-direction: column; align-items: flex-start; }
.twinco-ihero__inner { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; padding: 140px 80px 90px; }
.twinco-ihero__content { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; line-height: 1; }
.twinco-ihero__text { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.twinco-ihero__eyebrow { font-size: var(--twinco-text-title); font-weight: 400; background-image: linear-gradient(to bottom, var(--twinco-cream), var(--twinco-mist)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.twinco-ihero__heading { white-space: nowrap; font-size: var(--twinco-text-h1); font-weight: 400; color: #fff; }
.twinco-ihero__sub { white-space: nowrap; font-size: var(--twinco-text-hero); font-weight: 700; color: var(--twinco-gold); }

.twinco-ihero__cta { display: inline-flex; height: 40px; align-items: center; justify-content: center; gap: 10px; margin-top: 8px; border-radius: var(--twinco-radius-pill); border: 1px solid var(--twinco-steel); padding: 10px 22px 10px 24px; font-size: var(--twinco-text-button); font-weight: 600; color: #fff; text-decoration: none; --brand-angle: 120.374deg; transition: filter 0.2s ease; }
.twinco-ihero__cta:hover { filter: brightness(1.1); }
.twinco-ihero .twinco-ihero__cta-icon { width: 24px; height: 24px; flex: 0 0 24px; display: block; }

.twinco-ihero__glow { pointer-events: none; position: absolute; display: flex; align-items: center; justify-content: center; mix-blend-mode: exclusion; }
.twinco-ihero__glow--right { left: 759px; top: -63px; width: 759.354px; height: 396.491px; }
.twinco-ihero__glow--left { left: -317px; top: -95px; width: 676.441px; height: 353.198px; }
.twinco-ihero__glow-rot { flex: none; transform: rotate(4.77deg); }
.twinco-ihero__glow-box { position: relative; }
.twinco-ihero__glow--right .twinco-ihero__glow-box { width: 733.885px; height: 336.571px; }
.twinco-ihero__glow--left .twinco-ihero__glow-box { width: 653.753px; height: 299.821px; }
.twinco-ihero__glow-in { position: absolute; inset: -76.97% -35.3%; }
.twinco-ihero .twinco-ihero__glow-in img { display: block; width: 100%; height: 100%; max-width: none; }

@media (max-width: 767.98px) {
	.twinco-ihero__inner { padding: 112px 24px 48px; }
}
@media (max-width: 639.98px) {
	.twinco-ihero__inner { padding-left: 16px; padding-right: 16px; }
}