
/* YohanBizLab v1.3.9 — editorial statement / precision cinematic direction
   The imagery is static inside each scene; motion happens only between scenes. */
.hero.hero-v137{min-height:760px;background:#071723;isolation:isolate}
.hero.hero-v137 .heroGrid{position:relative;z-index:3}
.hero.hero-v137:after{background:linear-gradient(90deg,#071723 0%,rgba(7,23,35,.99) 26%,rgba(7,23,35,.94) 45%,rgba(7,23,35,.68) 67%,rgba(7,23,35,.26) 100%);z-index:1}
.hero.hero-v137 .heroCopy{
 position:relative;z-index:5;width:min(100%,1050px);padding:116px 0 124px;
 text-shadow:none;
}
.hero.hero-v137 .heroKicker{color:#e8c9a0;letter-spacing:.18em;font-weight:850;margin-bottom:27px;font-size:11px}
.kickerPulse{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ebbf8d;box-shadow:0 0 0 6px rgba(231,184,127,.1)}
.hero.hero-v137 .heroIdentity{
 font-size:14px;font-weight:800;color:#f7fafb;background:transparent;border-left:3px solid #f1c68e;
 padding:2px 0 2px 15px;line-height:1.65;margin-bottom:32px;letter-spacing:-.017em
}
.hero.hero-v137 .heroHeadline{margin:0;line-height:1.14;letter-spacing:-.082em;font-size:clamp(54px,6.2vw,91px);font-weight:900;max-width:1020px;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.hero.hero-v137 .heroHeadlineRow{position:relative;display:block;overflow:hidden;padding:0 0 .09em;margin-bottom:.015em}
.hero.hero-v137 .heroHeadlineText{display:inline-block;position:relative;color:#fff;opacity:1;transform:translateY(0)}
.hero.hero-v137 .heroHeadlineRow.accent{width:max-content;max-width:100%;padding-right:.06em;padding-bottom:.16em}
.hero.hero-v137 .heroHeadlineRow.accent em{position:relative;font-style:normal;color:#ffd7a6;white-space:nowrap;text-shadow:0 3px 12px rgba(1,13,23,.74)}
.hero.hero-v137 .heroHeadlineRow.accent em:after{
 content:"";position:absolute;bottom:.015em;left:0;right:0;height:.055em;min-height:4px;border-radius:6px;
 background:linear-gradient(90deg,#d1a06d,#ffe0b3 63%,rgba(255,234,190,0));transform:scaleX(0);
 transform-origin:left;animation:ybUnderline .82s 1.15s cubic-bezier(.1,.85,.2,1) forwards
}
.hero.hero-v137 .heroHeadlineStop{color:#fff9ea}
.hero.hero-v137 .heroStatement{
 margin:19px 0 8px;padding:0 0 0 16px;border-left:3px solid #d6ac7f;
 font-weight:850;font-size:clamp(16px,1.65vw,21px);line-height:1.65;color:#f4e1c6;letter-spacing:-.035em
}
.hero.hero-v137 .heroCopy>p{
 max-width:685px;color:#f2f6f8;font-size:15px;line-height:1.85;font-weight:550;
 margin:20px 0 29px;text-shadow:0 2px 12px rgba(0,0,0,.6)
}
.hero.hero-v137 .heroCopy>p strong{color:#ffe0b4;font-weight:850}
.hero.hero-v137 .heroButtons{gap:12px}
.hero.hero-v137 .heroButtons .btn{border-radius:6px;min-height:55px;font-size:14px;font-weight:850;padding:14px 25px}
.hero.hero-v137 .heroButtons .btn.orange{background:#edc08a;border:1px solid #edc08a;color:#142737;box-shadow:0 9px 32px rgba(0,0,0,.18)!important}
.hero.hero-v137 .heroButtons .btn.heroOutline{border-color:rgba(255,255,255,.68);background:rgba(6,24,35,.62)}
.hero.hero-v137 .heroFoot{margin:28px 0 0;gap:9px 26px;color:#e8f0f1}
.hero.hero-v137 .heroFoot span{font-size:12px;color:#e8eff2}
.hero.hero-v137 .heroDiscover{margin-top:42px;color:#ffdea7;font-size:11px}
@keyframes ybTextUnmask{
 from{opacity:0;transform:translate3d(0,108%,0)}
 to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes ybUnderline{to{transform:scaleX(1)}}
.hero.hero-v137 .heroHeadlineRow:first-child .heroHeadlineText{
 animation:ybTextUnmask 1.05s .15s cubic-bezier(.18,.8,.2,1) both
}
.hero.hero-v137 .heroHeadlineRow.accent .heroHeadlineText{
 animation:ybTextUnmask 1.1s .36s cubic-bezier(.18,.8,.2,1) both
}
.hero.hero-v137 .heroIdentity,.hero.hero-v137 .heroKicker{
 animation:ybWordsArrive .85s both
}
.hero.hero-v137 .heroStatement{animation:ybWordsArrive .8s .65s both}
.hero.hero-v137 .heroCopy>p{animation:ybWordsArrive .85s .78s both}
.hero.hero-v137 .heroButtons{animation:ybWordsArrive .85s .9s both}
.hero.hero-v137 .heroFoot{animation:ybWordsArrive .75s .98s both}
.hero.hero-v137 .heroCinema{z-index:0;overflow:hidden}
.hero.hero-v137 .heroSlide{opacity:0;z-index:0;visibility:visible;transform:none;filter:none;clip-path:inset(0 0 0 100%);animation:none;transition:none;will-change:clip-path}
.hero.hero-v137 .heroSlide.is-active{
 z-index:2;opacity:1;clip-path:inset(0);
 animation:ybPictureWipe 1.45s cubic-bezier(.73,0,.15,1) both
}
.hero.hero-v137 .heroSlide.is-leaving{z-index:1;opacity:1;clip-path:inset(0);animation:ybPictureLeave 1.45s linear forwards}
@keyframes ybPictureWipe{
 0%{clip-path:inset(0 0 0 100%);filter:brightness(.65)}
 46%{filter:brightness(.95)}
 100%{clip-path:inset(0);filter:brightness(1)}
}
@keyframes ybPictureLeave{0%{opacity:1}92%{opacity:1}100%{opacity:0}}
.hero.hero-v137 .heroSlide img,
.hero.hero-v137 .heroSlide.is-active img{
 transform:none!important;filter:saturate(.89) contrast(1.06);transition:none!important;
}
.hero.hero-v137 .heroSlide:after{background:linear-gradient(180deg,rgba(0,7,15,.1),transparent 45%,rgba(0,10,19,.48))}
.hero.hero-v137 .heroSlide figcaption{
 right:5vw;bottom:119px;left:auto;text-align:right;
 border-right:2px solid rgba(255,223,180,.75);padding-right:14px
}
.hero.hero-v137 .heroSlide figcaption strong{font-size:19px;color:#fdfdfd;text-shadow:0 3px 14px rgba(0,0,0,.8)}
.hero.hero-v137 .heroSlide figcaption span{color:#ffdda6;text-shadow:0 2px 9px rgba(0,0,0,.75)}
.hero.hero-v137 .cinemaDisclosure{color:#e5edef!important;text-shadow:0 1px 8px #00111d}
.hero.hero-v137 .heroCinemaTop{color:#f2e5d2}
.hero.hero-v137 .heroSlideControls{bottom:64px}
.hero.hero-v137 .heroCinema.is-paused .slideDot.is-active span:before{animation-play-state:paused}
@media(max-width:1100px){
 .hero.hero-v137 .heroHeadline{font-size:clamp(53px,6.1vw,78px)}
 .hero.hero-v137 .heroCopy{max-width:900px}
}
@media(max-width:860px){
 .hero.hero-v137{min-height:720px}
 .hero.hero-v137:after{background:linear-gradient(90deg,rgba(6,19,31,.98) 0%,rgba(6,19,31,.90) 64%,rgba(6,19,31,.49) 100%)}
 .hero.hero-v137 .heroCopy{padding:113px 0 120px}
 .hero.hero-v137 .heroHeadline{font-size:clamp(49px,7.9vw,70px)}
 .hero.hero-v137 .heroSlide figcaption{display:none}
}
@media(max-width:620px){
 .hero.hero-v137{min-height:690px}
 .hero.hero-v137:after{background:linear-gradient(180deg,rgba(5,17,29,.95),rgba(5,17,29,.93) 54%,rgba(5,17,29,.73))}
 .hero.hero-v137 .heroCopy{padding:95px 0 95px}
 .hero.hero-v137 .heroKicker{font-size:9px;letter-spacing:.07em;margin-bottom:21px}
 .hero.hero-v137 .heroIdentity{font-size:11px;line-height:1.56;margin-bottom:24px;padding-left:10px}
 .hero.hero-v137 .heroHeadline{font-size:clamp(39px,10vw,58px);line-height:1.18;letter-spacing:-.085em}
 .hero.hero-v137 .heroHeadlineRow{white-space:normal}
 .hero.hero-v137 .heroStatement{font-size:14px;margin-top:13px;padding-left:11px}
 .hero.hero-v137 .heroCopy>p{font-size:12px;line-height:1.78;margin:16px 0 21px}
 .hero.hero-v137 .heroButtons .btn{min-height:50px;font-size:13px}
 .hero.hero-v137 .heroFoot{margin-top:19px;gap:7px 12px}
 .hero.hero-v137 .heroFoot span{font-size:10px}
 .hero.hero-v137 .heroDiscover{margin-top:27px}
 .hero.hero-v137 .heroCinemaTop{display:none}
 .hero.hero-v137 .heroSlideControls{bottom:31px}
 .hero.hero-v137 .cinemaDisclosure{bottom:6px}
}
@media(max-width:385px){
 .hero.hero-v137 .heroHeadline{font-size:clamp(35px,9.4vw,40px)}
 .hero.hero-v137 .heroIdentity{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .hero.hero-v137 .heroHeadlineText,.hero.hero-v137 .heroIdentity,.hero.hero-v137 .heroKicker,
 .hero.hero-v137 .heroStatement,.hero.hero-v137 .heroCopy>p,.hero.hero-v137 .heroButtons,
 .hero.hero-v137 .heroFoot,.hero.hero-v137 .heroHeadlineRow.accent em:after{animation:none!important;opacity:1!important;transform:none!important}
 .hero.hero-v137 .heroHeadlineRow.accent em:after{transform:scaleX(1)!important}
 .hero.hero-v137 .heroSlide.is-active{animation:none!important;clip-path:none!important;filter:none!important}
 .hero.hero-v137 .heroSlide.is-leaving{animation:none!important;opacity:0!important}
}
