@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
.btmy-intro{display:block!important;padding:0!important;background:#061b2b!important;isolation:isolate;transition:opacity .65s ease,visibility .65s ease!important}
.intro-human-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;animation:humanPhotoIn 3.7s ease-out both}
.btmy-intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,35,.16),transparent 70%);z-index:-1;pointer-events:none}
.btmy-intro .intro-lockup{display:none!important}
.intro-human-brand{position:absolute;left:5.3%;top:10%;font:400 14px/1.4 Arial,sans-serif;letter-spacing:.3em;color:#fff}
.btmy-intro .intro-promise{position:absolute!important;left:5.8%!important;top:36%!important;width:43%!important;transform:none!important;margin:0!important;text-align:left!important;opacity:1!important;animation:none!important}
.btmy-intro .intro-promise .intro-line-one{display:block!important;font:400 clamp(16px,2.1vw,30px)/1.5 'Avenir Next','Segoe UI',Arial,sans-serif!important;color:#fff!important;animation:humanTextIn .8s .35s both!important;clip-path:none!important;padding:0!important}
.btmy-intro .intro-promise .intro-line-two{display:block!important;font:400 clamp(38px,5.9vw,84px)/1.15 Allura,cursive!important;color:#7fe3cd!important;margin:4px 0 0 13%!important;padding:0!important;white-space:nowrap!important;animation:humanAnswer 1.4s 1.1s cubic-bezier(.2,.55,.35,1) both!important}
.btmy-intro .intro-skip{z-index:2;font-size:12px}
@keyframes humanTextIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes humanAnswer{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(3px)}20%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes humanPhotoIn{from{transform:scale(1)}to{transform:scale(1.015)}}
@media(max-width:680px){.intro-human-photo{object-position:68% center}.btmy-intro:after{background:linear-gradient(180deg,rgba(3,20,35,.8),rgba(3,20,35,.25) 42%,transparent 65%)}.intro-human-brand{top:7%;left:7%;font-size:11px}.btmy-intro .intro-promise{left:7%!important;top:18%!important;width:86%!important}.btmy-intro .intro-promise .intro-line-one{font-size:17px!important;max-width:310px}.btmy-intro .intro-promise .intro-line-two{font-size:47px!important;margin-left:12%!important}}
@media(prefers-reduced-motion:reduce){.intro-human-photo,.btmy-intro .intro-promise .intro-line-one,.btmy-intro .intro-promise .intro-line-two{animation:none!important;opacity:1!important;clip-path:none!important}}
.intro-human-photo{z-index:0!important}.btmy-intro:after{z-index:1!important}.btmy-intro .intro-promise,.intro-human-brand{z-index:2!important}.btmy-intro:before{display:none!important}

/* English answer reads as a single phrase; only the handwritten word reveals later. */
html[lang="en"] .btmy-intro .intro-answer-row{display:flex!important;align-items:baseline!important;gap:.4em!important;margin-top:2px!important;white-space:nowrap!important;color:#fff!important;font-size:clamp(16px,2.1vw,30px)!important;line-height:1.2!important}
html[lang="en"] .btmy-intro .intro-we-stand{display:inline!important;flex:none!important;font:400 clamp(16px,2.1vw,30px)/1.5 'Avenir Next','Segoe UI',Arial,sans-serif!important;color:#fff!important;animation:humanTextIn .8s .35s both!important}
html[lang="en"] .btmy-intro .intro-answer-row .intro-line-two{display:inline-block!important;flex:none!important;width:auto!important;margin:0!important;padding:0!important;font-size:clamp(35px,4.8vw,67px)!important;line-height:1.1!important}
@media(max-width:680px){
html[lang="en"] .btmy-intro .intro-answer-row{gap:8px!important;font-size:17px!important}
html[lang="en"] .btmy-intro .intro-we-stand{font-size:17px!important}
html[lang="en"] .btmy-intro .intro-answer-row .intro-line-two{font-size:40px!important;margin:0!important}
}
@media(prefers-reduced-motion:reduce){html[lang="en"] .btmy-intro .intro-we-stand{animation:none!important}}
/* Refined bilingual lettering, sized to the quiet area beside the portrait. */
.btmy-intro .intro-promise{width:max-content!important;max-width:34vw!important}
.btmy-intro .intro-promise .intro-line-one{font-size:clamp(13px,1.35vw,21px)!important;font-weight:350!important;letter-spacing:.005em!important;white-space:nowrap!important;max-width:none!important}
.btmy-intro .intro-promise .intro-line-two{font-size:clamp(32px,3.9vw,59px)!important;margin:2px 0 0 auto!important;width:max-content!important;text-align:right!important;letter-spacing:0!important}
html[lang="en"] .btmy-intro .intro-answer-row{justify-content:flex-end!important;width:100%!important;gap:.38em!important;font-size:clamp(13px,1.35vw,21px)!important;margin-top:2px!important}
html[lang="en"] .btmy-intro .intro-we-stand{font-size:clamp(13px,1.35vw,21px)!important;font-weight:350!important}
html[lang="en"] .btmy-intro .intro-answer-row .intro-line-two{font-size:clamp(30px,3.5vw,53px)!important;margin:0!important}
@media(max-width:680px){
.btmy-intro .intro-promise{width:max-content!important;max-width:86%!important}
.btmy-intro .intro-promise .intro-line-one{font-size:clamp(12px,3.35vw,16px)!important}
.btmy-intro .intro-promise .intro-line-two{font-size:clamp(33px,9.5vw,44px)!important;margin:2px 0 0 auto!important}
html[lang="en"] .btmy-intro .intro-answer-row,html[lang="en"] .btmy-intro .intro-we-stand{font-size:clamp(12px,3.35vw,16px)!important}
html[lang="en"] .btmy-intro .intro-answer-row .intro-line-two{font-size:clamp(31px,8.7vw,40px)!important}
}
/* A gentle right indent for the answer, independent of its reveal animation. */
html[lang="tr"] .btmy-intro .intro-promise>.intro-line-two,
html[lang="en"] .btmy-intro .intro-answer-row{position:relative!important;left:clamp(12px,1.4vw,22px)!important}
@media(max-width:680px){
html[lang="tr"] .btmy-intro .intro-promise>.intro-line-two,
html[lang="en"] .btmy-intro .intro-answer-row{left:10px!important}
}
/* Stepped answer: a clear right indent with restrained handwritten scale. */
html[lang="en"] .btmy-intro .intro-answer-row{left:clamp(40px,4.8vw,74px)!important}
html[lang="tr"] .btmy-intro .intro-promise>.intro-line-two{left:clamp(30px,3.5vw,54px)!important;font-size:clamp(29px,3.3vw,49px)!important}
@media(max-width:680px){
html[lang="en"] .btmy-intro .intro-answer-row{left:clamp(20px,6vw,30px)!important}
html[lang="tr"] .btmy-intro .intro-promise>.intro-line-two{left:clamp(16px,5vw,24px)!important;font-size:clamp(29px,8.1vw,37px)!important}
}
/* Ten percent increase in lettering, preserving the stepped composition. */
.btmy-intro .intro-promise .intro-line-one,
html[lang="en"] .btmy-intro .intro-we-stand,
html[lang="en"] .btmy-intro .intro-answer-row{font-size:clamp(14.3px,1.485vw,23.1px)!important}
html[lang="tr"] .btmy-intro .intro-promise>.intro-line-two{font-size:clamp(31.9px,3.63vw,53.9px)!important}
html[lang="en"] .btmy-intro .intro-answer-row .intro-line-two{font-size:clamp(33px,3.85vw,58.3px)!important}
@media(max-width:680px){
.btmy-intro .intro-promise .intro-line-one,
html[lang="en"] .btmy-intro .intro-we-stand,
html[lang="en"] .btmy-intro .intro-answer-row{font-size:clamp(13.2px,3.685vw,17.6px)!important}
html[lang="tr"] .btmy-intro .intro-promise>.intro-line-two{font-size:clamp(31.9px,8.91vw,40.7px)!important}
html[lang="en"] .btmy-intro .intro-answer-row .intro-line-two{font-size:clamp(34.1px,9.57vw,44px)!important}
}