/* Shared first-section top rhythm; no sections, text or media altered. */
:root{--tyz-nav-content-offset:152px}
/* Standalone service pages and WordPress careers page */
body[data-wp-integration="tamiyouz-v80"] .tyz9-page .tyz9-hero{padding-top:var(--tyz-nav-content-offset)!important}
body.joinus-v2-page .joinus-hero{padding-top:var(--tyz-nav-content-offset)!important}
/* Profile uses a separate reader container with no top clearance. */
body[data-page="company-profile"] .tyz-profile-root .hero{padding-top:var(--tyz-nav-content-offset)!important}
@media(max-width:1200px){:root{--tyz-nav-content-offset:138px}}
@media(max-width:880px){:root{--tyz-nav-content-offset:126px}}
@media(max-width:650px){:root{--tyz-nav-content-offset:110px}}
/* Align first visible hero copy under the glass navbar on standalone pages.
   Only hero top padding is changed; section structures and content remain untouched. */
html body[data-wp-integration="tamiyouz-v80"] .about-page-content .about-hero{padding-top:155px!important}
html body[data-wp-integration="tamiyouz-v80"] .how-page .hw-hero{padding-top:165px!important}
@media(max-width:1200px){
 html body[data-wp-integration="tamiyouz-v80"] .about-page-content .about-hero{padding-top:148px!important}
 html body[data-wp-integration="tamiyouz-v80"] .how-page .hw-hero{padding-top:150px!important}
}
@media(max-width:880px){
 html body[data-wp-integration="tamiyouz-v80"] .about-page-content .about-hero{padding-top:130px!important}
 html body[data-wp-integration="tamiyouz-v80"] .how-page .hw-hero{padding-top:130px!important}
}
@media(max-width:650px){
 html body[data-wp-integration="tamiyouz-v80"] .about-page-content .about-hero{padding-top:118px!important}
 html body[data-wp-integration="tamiyouz-v80"] .how-page .hw-hero{padding-top:118px!important}
}
/* v3: 120px of clear space below desktop navbar (navbar ends ~102px from viewport top).
   Apply to the opening content only; no content/section markup changes. */
@media(min-width:881px){
 html body[data-wp-integration="tamiyouz-v80"] .about-page-content .about-hero,
 html body[data-wp-integration="tamiyouz-v80"] .how-page .hw-hero,
 html body[data-wp-integration="tamiyouz-v80"] .tyz9-page .tyz9-hero,
 html body.joinus-v2-page .joinus-hero,
 html body[data-page="company-profile"] .tyz-profile-root .hero{padding-top:222px!important}
}
/* Works premium hero: ensure title begins comfortably below the navbar. */
@media(min-width:881px){body[data-wp-integration="tamiyouz-v80"] .wp-v5-hero{padding-top:220px!important}}
@media(min-width:651px) and (max-width:880px){body[data-wp-integration="tamiyouz-v80"] .wp-v5-hero{padding-top:160px!important}}
@media(max-width:650px){body[data-wp-integration="tamiyouz-v80"] .wp-v5-hero{padding-top:125px!important}}