.jetni-help-hero {
--jetni-hero-image-width: 320px;
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, min(30%, var(--jetni-hero-image-width)));
align-items: center;
column-gap: clamp(14px, 2.4vw, 34px);
width: 100%;
max-width: 100%;
min-height: 0;
margin: 0 0 clamp(18px, 2vw, 30px);
position: relative;
isolation: isolate;
}
.jetni-help-copy {position:relative;z-index:2;min-width:0;max-width:100%;}
.jetni-help-copy > * {max-width:100%;}
.jetni-help-copy :is(h1,h2,h3,h4) {word-break:normal;overflow-wrap:normal;hyphens:none;} .jetni-help-hero.jetni-compact .jetni-help-copy :is(h1,h2,h3,h4) {
font-size: clamp(34px, 4.5vw, 46px) !important;
line-height: 1.12 !important;
letter-spacing: -.03em;
}
.jetni-help-hero.jetni-compact .jetni-help-copy p {line-height:1.55;}
.jetni-help-portrait {
box-sizing:border-box;
width:100%;
height:clamp(245px, 28vw, 350px);
position:relative;
align-self:center;
overflow:hidden;
pointer-events:none;
isolation:isolate;
}
.jetni-help-portrait::before {
content:'';position:absolute;inset:5% 2% 1%;
border-radius:54% 46% 44% 56% / 55% 53% 47% 45%;
background:radial-gradient(ellipse at 60% 40%, #f4fbff 3%, #e5f2fc 50%, #d9eafb 80%, transparent 100%);
z-index:0;
}
.jetni-help-portrait::after {
content:'';position:absolute;inset:auto 0 0;height:20%;
background:linear-gradient(0deg, #f0f7ff 0%, rgba(240,247,255,.75) 35%, transparent 100%);
z-index:3;
}
.jetni-help-photo {
position:absolute;inset:0;
width:100%;height:100%;
object-fit:cover;object-position:center 32%;
opacity:0;transform:scale(1.015);border:0;z-index:2; -webkit-mask-image:radial-gradient(ellipse 78% 66% at 51% 52%, black 45%, rgba(0,0,0,.92) 54%, rgba(0,0,0,.62) 66%, transparent 88%);
mask-image:radial-gradient(ellipse 78% 66% at 51% 52%, black 45%, rgba(0,0,0,.92) 54%, rgba(0,0,0,.62) 66%, transparent 88%);
transition:opacity 1.05s ease-in-out, transform 1.35s ease-out;
}
.jetni-help-photo.is-visible {opacity:1;transform:scale(1);}
.jetni-help-portrait[data-reduced-motion="true"] .jetni-help-photo {transition:none;transform:none;} .jetni-help-hero.jetni-tight {display:flex;flex-direction:column;align-items:stretch;gap:0;}
.jetni-help-hero.jetni-tight .jetni-help-portrait {
align-self:center;width:min(100%,260px);height:265px;margin-top:4px;
}
.jetni-help-hero.jetni-tight .jetni-help-copy :is(h1,h2,h3,h4) {font-size:clamp(30px, 6vw, 44px) !important;}
@media (max-width:767px) {
.jetni-help-hero {display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;margin-bottom:16px;}
.jetni-help-copy {order:1;}
.jetni-help-portrait {order:2;align-self:center;height:235px;width:min(100%,260px);margin-top:10px;}
.jetni-help-hero.jetni-mobile-disabled .jetni-help-portrait {display:none;}
}
@media (prefers-reduced-motion:reduce) {
.jetni-help-photo {transition:none;transform:none;}
}