/* STAGING VISUAL ALIGNMENT ONLY: reference crops are NOT production assets. */
.tg-homepage { font-family:Arial,Helvetica,sans-serif; background:#fff; }
.tg-homepage .tg-container { width:min(100% - 44px, 1240px); }
.tg-homepage .tg-hero { min-height:640px; background:#f9f9ff; }
.tg-homepage .tg-hero::after { display:none; }
.tg-homepage .tg-hero__layout { min-height:640px; grid-template-columns: 50% 50%; }
.tg-homepage .tg-hero__copy { z-index:2; }
.tg-homepage .tg-hero__title { font-family:Didot,'Bodoni MT','Times New Roman',serif; font-size:clamp(56px,5.8vw,93px); line-height:.99; font-weight:400; letter-spacing:-.075em; text-transform:uppercase; margin:18px 0; }
.tg-homepage .tg-hero__intro { font-size:15px; color:#6f6a7b; }
.tg-homepage .tg-hero__visual { position:relative; min-height:610px; background-image:url('../images/tg-homepage/hero-reference.png'); background-repeat:no-repeat; background-position:center right; background-size:contain; }
.tg-homepage .tg-hero__asset-notice { display:none; }
.tg-homepage .tg-hero__vial { display:none; }
.tg-homepage .tg-homepage-categories { background:#fff; padding:45px 0 65px; }
.tg-homepage .tg-category { min-height:176px; border-radius:11px; padding:19px 22px; }
.tg-homepage .tg-category::before { display:none; }
.tg-homepage .tg-category::after { z-index:-1; background-image:var(--tg-ribbon,none); background-repeat:no-repeat; background-position:top right; background-size:48% auto; }
.tg-homepage .tg-category--weight { --tg-ribbon:url('../images/tg-homepage/ribbon-weight.png'); }
.tg-homepage .tg-category--recovery { --tg-ribbon:url('../images/tg-homepage/ribbon-recovery.png'); }
.tg-homepage .tg-category--performance { --tg-ribbon:url('../images/tg-homepage/ribbon-performance.png'); }
.tg-homepage .tg-category--skin { --tg-ribbon:url('../images/tg-homepage/ribbon-skin.png'); }
.tg-homepage .tg-category--women { --tg-ribbon:url('../images/tg-homepage/ribbon-women.png'); }
.tg-homepage .tg-category--hormone { --tg-ribbon:url('../images/tg-homepage/ribbon-hormone.png'); }
.tg-homepage .tg-category--aging { --tg-ribbon:url('../images/tg-homepage/ribbon-aging.png'); }
.tg-homepage .tg-category--cognitive { --tg-ribbon:url('../images/tg-homepage/ribbon-cognitive.png'); }
.tg-homepage .tg-category__title { max-width:125px; font-size:18px; font-weight:500; }
.tg-homepage .tg-category__accent { margin-bottom:14px; }
.tg-homepage .tg-process { margin:0 auto 12px; width:min(100% - 40px, 1380px); border-radius:15px; overflow:hidden; }
.tg-homepage .tg-process__heading h2 { text-transform:uppercase; font-weight:400; font-size:clamp(43px,4.2vw,66px); }
.tg-homepage .tg-process__step h3 { margin-top:22px; }
.tg-homepage .tg-essentials { margin:0 auto; width:min(100% - 40px, 1380px); min-height:430px; border-radius:15px; overflow:hidden; background-image:linear-gradient(90deg,#f8f7fddd 0%,#f8f7fdb0 33%,transparent 55%),url('../images/tg-homepage/essentials-reference.png'); background-position:center,right center; background-size:cover,auto 100%; background-repeat:no-repeat; }
.tg-homepage .tg-essentials h2 { font-family:Didot,'Bodoni MT',Georgia,serif; }
.tg-homepage .tg-faq { background:#fff; }
@media(max-width:850px) { .tg-homepage .tg-hero__layout { grid-template-columns:1fr; } .tg-homepage .tg-hero__visual { min-height:370px; background-position:center; } .tg-homepage .tg-hero__title { font-size:clamp(47px,9vw,78px); } }
@media(max-width:520px) { .tg-homepage .tg-hero__visual { min-height:290px; } .tg-homepage .tg-hero__title { font-size:clamp(38px,10vw,56px); } .tg-homepage .tg-essentials { background-size:cover,auto 75%; background-position:center,right bottom; } }
